img标签中的onerror事件

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>

引用文章

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • < img> 标签是页面上最为重要的元素之一。很难想象一个页面上没有图片的样子,这样的页面效果将会大打折扣。 任何...
    壮哉我大前端阅读 5,719评论 1 9
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,815评论 1 32
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,752评论 1 11
  • 1、简介 现需在一个html页面中显示一张图片,这张图片的地址是通过GET方式从地址栏中传入的。但是如果图片损坏或...
    半吊子伯爵阅读 443评论 0 1
  • 书看得越来越多,内心确越来越贫乏
    一路李花开阅读 259评论 0 0

友情链接更多精彩内容