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

上传人:夏** 文档编号:496306767 上传时间:2023-10-21 格式:DOC 页数:3 大小:37KB
返回 下载 相关 举报
JS实现判断图片是否加载完成的方法分析_第1页
第1页 / 共3页
JS实现判断图片是否加载完成的方法分析_第2页
第2页 / 共3页
JS实现判断图片是否加载完成的方法分析_第3页
第3页 / 共3页
亲,该文档总共3页,全部预览完了,如果喜欢就下载吧!
资源描述

《JS实现判断图片是否加载完成的方法分析》由会员分享,可在线阅读,更多相关《JS实现判断图片是否加载完成的方法分析(3页珍藏版)》请在金锄头文库上搜索。

1、JS实现判断图片是否加载完成的方法分析本文实例讲述了JS实现判断图片是否加载完成的方法。分享给大家供大家参考,具体如下:i事件加载完成!属性加载完成!事件e!dySt!t加载完成注意:只有支持事件,其它浏览器不支持。事件网络状况不好或图片不存在都可能触发onerro事件。loading.document.getElementsByTagName(img)0.onload=function()document.getElementsByTagName(p)0.innerHTML=加载完成!;document.getElementsByTagName(img)0.onerror=function(

2、)document.getElementsByTagName(img)0.src=images/background.png;触发onerror事件后,会为img指定一个新的图片。导致页面循环跳动。问题:新图片存在则显加新图片,但若新图片也不存在,则将继续触发onerror,解决:通过将onerror置为null,来防止页面循环跳动。loading.document.getElementsByTagName(img)0.onload=function()document.getElementsByTagName(p)0.innerHTML=加载完成!;document.getElementsByTagName(img)0.onerror=function()document.getElementsByTagName(img)0.src=images/backgeound.png;document.getElementsByTagName(img)0.onerror=null;document.getElementsByTagName(p)0.innerHTML=加载失败!;更多关于JavaScript相关内容感兴趣的读者可查看本站专题:、及希望本文所述对大家JavaScript程序设计有所帮助。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 办公文档 > 解决方案

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号