加载默认图片,如何避免img标签陷入onerror事件死循环

定义和用法

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事件死循环

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注

  1. xing说道:

    来看看,因为,总能学到东西!

  2. Lambert说道:

    不做Web前端,学习了

  3. daxi说道:

    学无止境,认真拜读!