`
rebecca
  • 浏览: 311597 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

img.onload事件和img.complete属性的简介和应用

阅读更多

学习中,遇到该事件

 

img.complete ? oDiv.style.display = "none" : (oImg[0].onload = function() {oDiv.style.display = "none"})

备注:其问题在 “(二)10.鼠标移过,改变图片路径”中。

 

今天遇到这个问题,以下是从网上查到的资源,给自己提醒用,放到常识总结中。

 

 

 

 

img.onload是当一张图片被加载完成后所触发的事件
实现图片显示功能;
<div>
<img id="img"/>
</div>

js部分:img.src="图片";
img.onload=showImg;
function showImg()
{
   代码部分。。。。

}

对于 complete 属性来讲,IE是根据图片是否显示过来判断,就是说当加载的图片显示出来后,complete 属性的值才为 true ,否则一直是 false ,和以前是否加载

过该张图片没有关系,即和缓存没有关系!这里要注意,显示与否和img.style.display无关;

JS部分: alert(img.complete);----->false
img.src="图片";
alert(img.complete);------->//如果上面“图片”获取的时间比JS代码顺序执行的时间要常,那么这里就是false,否则就是true;

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics