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

总结

以上是生活随笔为你收集整理的img标签使用默认图片的一种方式的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。