為什麼圖像的「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中文網其他相關文章！