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

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

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

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

<code class="html"><img src="invalid_link"
     onerror="this.onerror=null;this.src='https://placeimg.com/200/300/animals';"
></code>

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

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

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