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

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

高洛峰
發布: 2017-02-04 13:15:43
原創
1272 人瀏覽過

對於網站圖像的不顯示有很多原因,網絡問題,文件本身問題,文件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顯示中文圖片相關文章請追蹤

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板