最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

判断控件是否已加载完成的代码_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 20:47:27
文档

判断控件是否已加载完成的代码_javascript技巧

判断控件是否已加载完成的代码_javascript技巧:例如: 代码如下: 浏览器在解析时,首先加载 input标签,然后加载img标签。 此时如果想判断img标签是否加载完成,可以在img标签的前后加上脚本,例如 代码 代码如下: var msg = document.getElementById(imga); if (ms
推荐度:
导读判断控件是否已加载完成的代码_javascript技巧:例如: 代码如下: 浏览器在解析时,首先加载 input标签,然后加载img标签。 此时如果想判断img标签是否加载完成,可以在img标签的前后加上脚本,例如 代码 代码如下: var msg = document.getElementById(imga); if (ms
 例如:
代码如下:



浏览器在解析时,首先加载 input标签,然后加载img标签。
  此时如果想判断img标签是否加载完成,可以在img标签的前后加上脚本,例如
代码
代码如下:



var msg = document.getElementById("imga");
if (msg == null) {
document.getElementById("loading").innerHTML = "正在生成图片控件...";//此处使用setTimeout函数不管用
}


document.getElementById("loading").innerHTML = "";

注意此时的img标签前后的js代码,上面的js代码先获取img对象,然后判断该对象是否为空,如果是空的话说明没有加载完成,那么提示用户“正在生成图片控件”,加载完成后将提示信息隐藏。
  上面的方法适用于所有控件或标签,但是对于本身就具有onload事件的控件或标签(该事件在对应的控件或标签加载完成后触发),我们完全可以把img后面的代码封装成一个函数供onload调用,如下
代码
代码如下:

function loadedImg() { document.getElementById("loading").innerHTML = ""; }







var msg = document.getElementById("imga");
if (msg == null) {
document.getElementById("loading").innerHTML = "正在图片控件...";//此处使用setTimeout函数不管用
}




从上面的代码可以看出,img标签后面的代码已经封装成loadedimg方法被img的onload调用。
  那哪些控件或标签具有onload事件呢?我在网上查了,如下(不知道全不全):
, , , , , ,
行了就是这么多了,有问题留言

文档

判断控件是否已加载完成的代码_javascript技巧

判断控件是否已加载完成的代码_javascript技巧:例如: 代码如下: 浏览器在解析时,首先加载 input标签,然后加载img标签。 此时如果想判断img标签是否加载完成,可以在img标签的前后加上脚本,例如 代码 代码如下: var msg = document.getElementById(imga); if (ms
推荐度:
标签: 加载 判断 是否
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top