如何判断网页中图片加载成功或者失败?
程序员文章站
2022-03-07 12:50:06
...
判断网页中图片加载成功或者失败的方法:首先需要判断图片是否能成功被加载;然后自动换成“无法找到图片”之类的系统图片即可,代码为【for(var i=0;i<document.images.length;i++)】。
判断网页中图片加载成功或者失败的方法:
页面上有用户自定义图片的时候经常会出现用户定义的图片特别是站外图片被删除或无法访问,因此,需要判断图片是否能成功被加载,否则自动换成“无法找到图片”之类的系统图片。
做法很简单
在BODY中加段很简单的JS代码
document.body.οnlοad=getImg; function getImg() { for(var i=0;i<document.images.length;i++) { if(document.images[i].readyState!='complete') document.images[i].src="/images/no.JPG"; } }
或者在每张图片的onload对readyState进行判断
相关学习推荐:javascript视频教程
以上就是如何判断网页中图片加载成功或者失败?的详细内容,更多请关注其它相关文章!
推荐阅读
-
js中图片加载失败,显示默认图片的问题如何解决?
-
IE及IE6浏览器中判断JS文件加载成功失败的方法_javascript技巧
-
js中图片加载失败,显示默认图片的问题如何解决?
-
IE及IE6浏览器中判断JS文件加载成功失败的方法_javascript技巧
-
如何实现在网页上加载小图片或者其它什么的?_html/css_WEB-ITnose
-
为什么浏览器中css加载失败?如何保证css加载成功
-
如何实现在网页上加载小图片或者其它什么的?_html/css_WEB-ITnose
-
为什么浏览器中css加载失败?如何保证css加载成功
-
如何判断网页中图片加载成功或者失败?
-
如何判断网页中图片加载成功或者失败?