定义和用法
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; 控制不要一直跳动 }
版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创
转载请注明:出处来自田珊珊个人博客 » 加载默认图片,如何避免img标签陷入onerror事件死循环
对我有帮助谢谢谢。
来看看,因为,总能学到东西!
不做Web前端,学习了
学无止境,认真拜读!