首頁  >  文章  >  web前端  >  JS對img標籤進行最佳化使用onerror顯示預設影像

JS對img標籤進行最佳化使用onerror顯示預設影像

高洛峰
高洛峰原創
2017-02-04 13:15:431201瀏覽

對於網站圖像的不顯示有很多原因,網絡問題,文件本身問題,文件URL問題等,而當圖像加載失敗時會觸發onerror這個事件,我們利用這點,可以有效的避免圖像加載失敗的尷尬! 

js程式碼 

//图像加载出错时的处理 
function errorImg(img) { 
img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg"; 
img.onerror = null; 
}

html程式碼 

<img     style="max-width:90%"  style="max-width:90%" src="1.jpg" onerror="errorImg(this)" / alt="JS對img標籤進行最佳化使用onerror顯示預設影像" >

頁面效果

JS對img標籤進行最佳化使用onerror顯示預設影像

更多JS對img標籤進行最佳化使用onerror顯示中文圖片相關文章請追蹤更多JS對img標籤進行最佳化使用onerror顯示中文圖片相關文章請追蹤

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn