图片不存在时,页面会出现图片破损的标志,非常影响用户体验,因此需要对不存在的图片进行处理。
图片不存在会触发onerror事件,我们通过触发该事件后进行以下方式处理。
1、把图片元素隐藏
<img src="图片地址" onerror="this.style.display='none'" />
2、替换成默认图片
<img src="图片地址" onerror="this.src='默认图片的地址'" />
原文出处:http://www.dongblog.com/notes/23.html
来源:博客网 转载请注明出处!