JS~對img標簽進行優化,使用onerror進行默認圖像顯示


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

JS代碼

  //圖像加載出錯時的處理
    function errorImg(img) {
        img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg";
        img.onerror = null;
    }

HTML代碼

  <img width="32" height="32" src="1.jpg" onerror="errorImg(this)" />

頁面效果


免責聲明!

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



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