1、 圖片加載失敗時會觸發onerror事件,可以通過onerror事件使默認圖片代替加載失敗的圖片
<img src="要展示的圖片的地址" onerror="this.src='默認圖片的地址'">
2、如果默認圖片也加載失敗時,那麼onerror事件會被循環觸發,導致打開網頁錯誤
解決方案:
- 保證默認圖片一定能加載成功
- 只執行onerror事件一次。
<img src="要展示的圖片的地址" onerror="showDefaultImg(this)">
function showDefaultImg(img){
img.src = "默認圖片的地址";
//不循環執行
img.onerror = null;
}