img标签使用默认图片的一种方式
生活随笔
收集整理的這篇文章主要介紹了
img标签使用默认图片的一种方式
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
基于html5提供的onerror這個(gè)時(shí)間屬性。 寫(xiě)法如下 <img src="圖片地址" οnerrοr="javascript:this.src=\'默認(rèn)的圖片地址\'"> 測(cè)試如下 如圖所示,顯示的圖片是默認(rèn)圖片。 以下是部分代碼:分別用以下兩段代碼來(lái)測(cè)試 html+='<li><div class="pd"><a><img src="'+professor.img+'" οnerrοr="javascript:this.src=\'qing_style/img/list/04.jpg\'"></a></div>'; professor.img是對(duì)象professor的img屬性即頭像地址,可能為null;
html+='<li><div class="pd"><a><img src="null" οnerrοr="javascript:this.src=\'qing_style/img/list/04.jpg\'"></a></div>'; 是src為null,做測(cè)試。 結(jié)果兩種方式都測(cè)試成功。
html+='<li><div class="pd"><a><img src="null" οnerrοr="javascript:this.src=\'qing_style/img/list/04.jpg\'"></a></div>'; 是src為null,做測(cè)試。 結(jié)果兩種方式都測(cè)試成功。
轉(zhuǎn)載于:https://www.cnblogs.com/liuleicode/p/5534356.html
總結(jié)
以上是生活随笔為你收集整理的img标签使用默认图片的一种方式的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 关于ionic的跨域问题
- 下一篇: 历史命令history