这篇文章将为大家详细讲解有关判断网页中图片有没有加载成功的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
判断网页中图片加载成功或者失败的方法:首先需要判断图片是否能成功被加载;然后自动换成“无法找到图片”之类的系统图片,代码为【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进行判断
关于判断网页中图片有没有加载成功的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。