侧边栏壁纸
博主头像
黑山老妖博主等级

记录精彩的坎坷人生

  • 累计撰写 72 篇文章
  • 累计创建 85 个标签
  • 累计收到 9 条评论

目 录CONTENT

文章目录

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

我是我村的希望
2023-04-02 / 0 评论 / 0 点赞 / 10 阅读 / 1891 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2024-02-21,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

定义和用法

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; 控制不要一直跳动 
 }
0
广告 广告

评论区