1. 程式人生 > >js解決img標簽加載失敗顯示默認圖片

js解決img標簽加載失敗顯示默認圖片

再次 null 註冊 一個 圖片 script nbsp 加載失敗 asc

問題:

  為所有顯示樓盤的頁面添加一個加載失敗的默認圖片.

基本思路:

  img標簽中有個onerror屬性,專門用來處理加載失敗的事件.所以可以用jquery添加onerror屬性,在onerror中加載默認圖片.

$(function(){
	//註冊加載失敗事件,再次加載時先重新設置url,在清空原先的註冊加載失敗事件
	$("img").attr("onerror","this.src=‘img/error.jpg;this.onerror=null;‘");
	//遍歷img標簽,再次重新加載
	$("img").each(function(){
		this.src = this.src;
	});
	
});

  註意:在頁面加載的時候添加,並且添加完成後清空onerror,否則會一直循環請求.

js解決img標簽加載失敗顯示默認圖片