img标签 onerror事件
有时在img标签src中的图片是不存在的,页面上就会显示一张空的图片,挺难看的。这是可以在img标签中加上onerror事件,当图片的src访问不到是就会调用onerror事件,在时间中将src的连接更改为默认显示的图片。如果默认显示的图片也不能正常访问,这时又会调用onerror事件,一直循环,直到浏览器报内存什么的错误。解决这个问题需要设置img.onerror = null,让onerror事件值调用一次,默认图片错误也不会一直无线循环。
<img src="...." onerror="replaceImg(this)">
function replaceImg(img) {
img.src = /*默认的图片地址*/;
img.onerror = null;
}