img标签使用默认图片的一种方式

基于html5提供的onerror这个时间属性。

写法如下

<img src="图片地址" οnerrοr="javascript:this.src=\'默认的图片地址\'">

 

测试如下

如图所示，显示的图片是默认图片。

以下是部分代码：分别用以下两段代码来测试

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是对象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，做测试。

结果两种方式都测试成功。

转载于:https://www.cnblogs.com/liuleicode/p/5534356.html