如何使用 jQuery 或 JavaScript 有效處理網頁中的損壞圖像？

使用jQuery 或JavaScript 處理損壞的圖像

問題：
包含大量圖像的網頁遇到損壞影像實例由於

jQuery方法：

1. 取得影像元素：$("img")。
2. 過濾損壞的圖片：$brokenImages = $("img").filter(function() { return this.complete && !this.naturalWidth; }).
3. 用佔位符影像替換'src' 屬性： $brokenImages.attr("src", "/broken-image.png").

JavaScript onError 事件：

另一種方法是處理每個映像的onError 事件以重新分配其直接原始碼。

1. 定義圖片錯誤處理函數：

2. 在 HTML 中使用此函數：

3. 或沒有函數：

瀏覽器相容性：

onError 事件處理方式請參考相容性表：

http://www.quirksmode.org/dom/events/error.html

以上是如何使用 jQuery 或 JavaScript 有效處理網頁中的損壞圖像？的詳細內容。更多資訊請關注PHP中文網其他相關文章！