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


問題:

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

基本思路:

  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,否則會一直循環請求.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM