2018年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

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》