定义和用法
onerror 事件会在文档或图像加载过程中发生错误时被触发。
在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。
<img src="image.gif" onerror="alert('The image could not be loaded.')" />
img 使用 onerror 以后,如果 onerror 指定的图片也是不存在的话,会出现无限死循环 404。
解决方法
<img src="image.gif" onerror="javascript:this.src='src/images/default.jpg';this.onerror = null">
我们可以在执行完onerror事件后,置于onerror=null 来清除onerror事件
我们也可以给onerror添加方法:
<img src="images/logo.png" onerror="nofind();" />
function nofind(){
var img=event.srcElement;
img.src="images/logoError.png";
img.onerror=null; 控制不要一直跳动
}
评论区