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，做測試。

結果兩種方式都測試成功。