最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
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...
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28