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
关注“qietuwang”微信公众号,获取一手干货内容推送
本文由切图网原创,转载请保留版权:
微信扫一扫二维码访问