img標簽使用默認圖片的一種方式


基於html5提供的onerror這個時間屬性。
寫法如下
<img src="圖片地址" onerror="javascript:this.src=\'默認的圖片地址\'">
 
測試如下
如圖所示,顯示的圖片是默認圖片。
以下是部分代碼:分別用以下兩段代碼來測試
html+='<li><div class="pd"><a><img src="'+professor.img+'" onerror="javascript:this.src=\'qing_style/img/list/04.jpg\'"></a></div>';
professor.img是對象professor的img屬性即頭像地址,可能為null;
html+='<li><div class="pd"><a><img src="null" onerror="javascript:this.src=\'qing_style/img/list/04.jpg\'"></a></div>';
是src為null,做測試。
結果兩種方式都測試成功。


免責聲明!

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



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