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

Image onerror 事件

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

Image 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下载

    相关文章

    发表评论:

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

    «    2025年5月    »
    1234
    567891011
    12131415161718
    19202122232425
    262728293031

    搜索

    控制面板

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

    最新留言

    文章归档

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