Image onerror 事件,网页图片加载失败时使用指定的默认图片

Image onerror 事件

onerror 事件会在文档或图像加载过程中发生错误时被触发。

 <img src="image.gif" onerror="alert('图片不能被加载。')"> 

可使用在图片未成功加载时使用默认图片,如下:

<img src="xxx.png" onerror="javascript:this.src='static/images/default.png';">

理想情景:当xxx.png找不到时会触发onerror事件并且将src指向的图片,并正常显示 不理想:本地的图片也加载有问题,此时会不断的触发onerror事件,导致死循环,故此方式有风险不推荐

<script type="text/javascript"> 
     function errorEvent(dom){ 
        dom.src = "static/images/default.png"; 
        dom.onerror = null; //避免死循环
     } 
</script> 

<img src="xxx.png" onerror="errorEvent(this)" />

参考地址:https://www.cnblogs.com/yincece0316/p/10821861.html

由于errorEvent函数已弃用(不推荐使用),官方推荐使用监听器监听错误:Element: error event - Web APIs | MDN (mozilla.org)

本文标题:《Image onerror 事件,网页图片加载失败时使用指定的默认图片》作者:极四维博客
原文链接:https://cway.top/post/988.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

上一篇: VirtualXposed下载

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«    2023年5月    »
1234567
891011121314
15161718192021
22232425262728
293031

搜索

控制面板

您好,欢迎到访网站!
  查看权限

最新留言

文章归档

  • 订阅本站的 RSS 2.0 新闻聚合