一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JS实现判断图片是否加载完成的方法分析

时间:2018-08-07 编辑:猪哥 来源:一聚教程网

本文实例讲述了JS实现判断图片是否加载完成的方法。分享给大家供大家参考,具体如下:

1、onload事件



  
    
  
  
    
    

loading...

2、complete属性



  
    
  
  
    
    

loading...

3、onreadystatechange事件



  
    
  
  
    
    

loading...

注意:只有IE6-IE10支持onreadystatechange事件,其它浏览器不支持。

4、onerror事件

网络状况不好或图片不存在都可能触发onerror事件。



  
    
  
  
    
    

loading...

触发onerror事件后,会为img指定一个新的图片。

问题:

新图片存在则显示新图片,但若新图片也不存在,则将继续触发onerror,导致页面循环跳动。

解决:

通过将onerror置为null,来防止页面循环跳动。



  
    
  
  
    
    

loading...

热门栏目