美文网首页
img标签中的onerror事件

img标签中的onerror事件

作者: JiAyInNnNn | 来源:发表于2019-07-15 11:00 被阅读0次

img标签中有一个onerror事件。是当我引用的src属性获取不到图片或者网络错误导致无法正常显示我src属性的图片时,显示的提示错误图片或者是可以代替的万能图片。

用法:

<img src="images/rightimg.png" onerror="javascript:this.src='images/errorimg.png';">
当我onerror事件中的图片路径或者网络错误导致无法正常显示图片时,页面会反复闪烁 img.png

因为执行onerror事件返回错误之后会继续执行onerror事件,导致一个死循环。解决代码:

  <img src="images/errorimg.png" onerror="imgerrorfun();" />
 
<script>
 function imgerrorfun(){
     var img =event.srcElement;
     img.src="images/errorimg.png";
     img.onerror=null;  //解决碎片图标反复闪烁
 }
</script>

引用文章

相关文章

网友评论

      本文标题:img标签中的onerror事件

      本文链接:https://www.haomeiwen.com/subject/zkbgkctx.html