为什么图像的'onerror”属性在 Chrome 和 Mozilla 中有时会失败？-css教程-PHP中文网

首页

web前端

css教程

为什么图像的'onerror”属性在 Chrome 和 Mozilla 中有时会失败？

Linda Hamilton

Nov 03, 2024 pm 06:34 PM

Why Does the `onerror` Attribute for Images Sometimes Fail in Chrome and Mozilla?

使用 onerror 属性处理损坏的图像

HTML 为什么图像的'onerror”属性在 Chrome 和 Mozilla 中有时会失败？元素提供了一个 onerror 属性，允许开发人员指定替代图像或在主图像加载失败时要采取的操作。但是，用户报告在 Chrome 和 Mozilla 等某些浏览器中遇到此属性的问题。

要解决此问题，建议使用以下代码结构：

<code class="html"><img  src="/static/imghwm/default1.png" data-src="invalid_link" class="lazy" onerror="this.onerror=null;this.;" alt="为什么图像的'onerror”属性在 Chrome 和 Mozilla 中有时会失败？" ></code>

此代码通过在第一次触发后将 onerror 处理程序设置为 null 来工作。这可以防止备份 URL 无效时出现无限循环的错误事件。

现场演示：http://jsfiddle.net/oLqfxjoz/

以上是为什么图像的'onerror”属性在 Chrome 和 Mozilla 中有时会失败？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

CSS动画：很难创建它们吗？May 09, 2025 am 12:03 AM

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For

@KeyFrames CSS：最常用的技巧May 08, 2025 am 12:13 AM

@keyframesispopularduetoitsversatoryand and powerincreatingsmoothcssanimations.keytricksinclude：1）definingsmoothtransitionsbetnestates，2）使用AnimatingmatematingmultationmatingMultationPropertiessimultane，3）使用使用4）使用BombingeNtibalibility，4）使用BombingingWithjavofofofofofoffo

CSS计数器：自动编号的综合指南May 07, 2025 pm 03:45 PM

CSSCOUNTERSAREDOMANAGEAUTOMANAMBERINGINWEBDESIGNS.1）他们可以使用forterablesofcontents，ListItems，and customnumbering.2）AdvancedsincludenestednumberingSystems.3）挑战挑战InclassINCludeBrowsEccerCerceribaliblesibility andperformiballibility andperformissises.4）创造性