3/13

为您的设计
寻找专业的前端切图服务。

img的onerror事件妙用

img有一个onerror事件,并且只有img才有,用的好,可以提高网站的用户体验!

情景分析

有时,img标签中的src图片加载失败,原来的图片位置会出现一个碎片图标,用户体验会下降。

解决方案

<img src=”images/logo.png” onerror=”javascript:this.src=’images/logoError.png’;”>

当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个logoError.png 图片。也就是说图片存在则显示logo.png,图片不存在将显示

 

是不是很有用呢,收藏下拉吧!前端学习加微信dingxiangming82