為觸發(fā)error事件的<img>牧愁，替換一張默認(rèn)圖片。
描述
<img>圖片加載失敗時(shí)外莲，會(huì)自動(dòng)顯示alt屬性中的內(nèi)容猪半，且瀏覽器會(huì)自動(dòng)為其添加樣式。為保持各個(gè)瀏覽器中的效果一致，并提高用戶(hù)體驗(yàn)办龄，我們需要在圖片加載失敗時(shí)烘绽，為其替換一張默認(rèn)圖片（或進(jìn)行其他操作）。
關(guān)鍵
利用error事件俐填，替換原有的src地址安接。
效果
效果圖
方法
<img src="原圖片地址" alt="這是一張加載失敗的圖片"/>
法一：
若頁(yè)面中圖片較少，可直接在標(biāo)簽內(nèi)書(shū)寫(xiě)英融。
<img src="原圖片地址" alt="這是一張加載失敗的圖片" onerror="this.src='默認(rèn)圖片地址';this.onerror=null;"/>
法二：
此處默認(rèn)使用了jQuery盏檐。
$('img').on('error', function(){
$(this).unbind('error'); //防止替換圖片加載失敗后陷入無(wú)限循環(huán)
$(this).attr('src', '替換圖片地址');
}
