Javascript代码




加载图像处理时出错
功能errorimg(IMG){
img.src =默认图片.jpg;
img.onerror = null;
}


HTML代码







为了显示它不美时,图片不存在。

当页面被显示时,如果图片被移动或丢失,它会在页面上显示一个X的图片,这会影响用户体验。

事实上,它可以是这样的:当图片不存在,它会触发onerror事件,我们可以在事件做一些善后工作,如:



1。让图片元素隐藏:


为了显示它时不美丽的图片src=图片URL地址alt=XX误差=这个风格。显示=不关>图片不存在


2。用默认图片替换:


为了显示它时不美丽的图片src=图片URL地址alt=XX误差=这。src=URL地址的默认图像>网页图片不存在


注意:如果没有正确使用,它会在IE内核的浏览器中造成一个死循环。例如,当默认图像的URL地址未成功加载时(例如,当网络速度慢时),它将一次又一次地加载,导致堆栈溢出错误。

因此,需要解决以下两种方法:

一、改变错误代码或其他处理,确保在OnError默认图片足够小的存在。



B的onerror事件控制触发一次,需要补充道:这个误差= null;后增加如下:




为了显示它时不美丽的图片src=图片URL地址alt=XX误差=这。src=的默认图片的URL地址不存在;这个误差= null/>


经过测试,上述方法在IE和谷歌和Firefox的所有版本中都得到支持。