img标签onerror事件完美应用

分享 未结 精帖
0 233
ieJSON
ieJSON 2019-01-04 11:05:14
悬赏:0飞吻
情景分析:有时,img标签中的src图片加载失败,原来的图片位置会出现一个碎片图标,用户体验会下降。 一般能想到的解决方案是这样的 [pre] <img src="images/logo.png" onerror="javascript:this.src='images/logoError.png';"> [/pre] 但是... 如果 logoError.png 这个图片也不存在呢?则继续触发 onerror,导致循环,故会出现打开网页时提示 Stack overflow at line: 0错误 完美解决方案: 在onerror中将onerror事件先清除掉(即onerror = null),这样就不会存在循环调用的问题了 [pre] <img src="images/logo.png" onerror="javascript:onerror=null;this.src='images/logoError.png';"> [/pre]
回帖
  • 消灭零回复
热议榜单
我是QQ新户 2
1024程序员节 - Happy 1024. 1
ieJSON

微信扫码关注 ieJSON 公众号