JS如何实现判断图片是否加载完成-创新互联
这篇文章给大家分享的是有关JS如何实现判断图片是否加载完成的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
成都创新互联是一家集网站建设,通许企业网站建设,通许品牌网站建设,网站定制,通许网站建设报价,网络营销,网络优化,通许网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。js有什么特点1、js属于一种解释性脚本语言;2、在绝大多数浏览器的支持下,js可以在多种平台下运行,拥有着跨平台特性;3、js属于一种弱类型脚本语言,对使用的数据类型未做出严格的要求,能够进行类型转换,简单又容易上手;4、js语言安全性高,只能通过浏览器实现信息浏览或动态交互,从而有效地防止数据的丢失;5、基于对象的脚本语言,js不仅可以创建对象,也能使用现有的对象。
具体如下:
1、onload事件
loading...
2、complete属性
loading...
3、onreadystatechange事件
loading...
注意:只有IE6-IE10支持onreadystatechange
事件,其它浏览器不支持。
4、onerror事件
网络状况不好或图片不存在都可能触发onerror
事件。
loading...
触发onerror
事件后,会为img指定一个新的图片。
问题:
新图片存在则显示新图片,但若新图片也不存在,则将继续触发onerror
,导致页面循环跳动。
解决:
通过将onerror
置为null,来防止页面循环跳动。
loading...
感谢各位的阅读!关于“JS如何实现判断图片是否加载完成”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
当前标题:JS如何实现判断图片是否加载完成-创新互联
本文地址:http://scyanting.com/article/dcjieo.html