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

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