如何使用 jQuery 或純 JavaScript 來取代損壞的圖片？

使用 jQuery 替換損壞的圖像

在網頁上顯示損壞的圖像可能會讓用戶感到沮喪。幸運的是，JavaScript 提供了多種方法來處理這個問題。

一種方法是利用 jQuery 的過濾功能來識別和替換損壞的圖像。為此：

1. 使用 jQuery 的 $("img") 選擇器取得頁面上的所有影像。
2. 使用.error() 函數過濾圖像集以識別損壞的圖像images.
3. 對於每個損壞的圖像，將src 屬性替換為所需的替換圖像，例如預設的“無圖像”

但是，為了簡單起見，使用純JavaScript 來處理損壞的圖像通常更容易。

JavaScript 解決方案：

onError 事件可用於在映像失敗時重新指派來源屬性load:

在HTML 中實作此函數：

或者，可以在不使用函數的HTML中直接處理onError 事件：

出現錯誤的瀏覽器相容性請參考下表設施：

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

以上是如何使用 jQuery 或純 JavaScript 來取代損壞的圖片？的詳細內容。更多資訊請關注PHP中文網其他相關文章！