码迷,mamicode.com
首页 > 其他好文 > 详细

<img/>标签onerror事件在IE下的bug和解决方法

时间:2014-12-10 12:09:59      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:blog   http   ar   os   sp   on   div   问题   log   

 

      IE下打开网页时,会弹出“Stack overflow at line: 0”的弹框。经分析,这个bug是由于img标签的onerror事件引起的。程序中用到的代码片段如下:正常情况下显示src所指路径的图片,加载失败时显示通过img标签的onerror事件显示另一张图片,问题就出现在了这里,当另一张图片也不存在时,就造成了循环触发onerror事件,在IE下就会弹出“stack overflow”的弹框。 

<img src="http://img1.soufunimg.com/agents/2011_01/08/62/78/sh/houseinfo/408971808300_s22.jpg"
onerror="this.src=‘http://img1.soufunimg.com/agents/2011_01/08/62/78/sh/houseinfo/408971808300_s.jpg‘" />

 

       解决的方法也很简单,在重新给img的src属性赋值时,先将onerror事件清除掉,再赋值,这样就不存在循环调用的问题了,代码段如下:

<img src="http://img1.soufunimg.com/agents/2011_01/08/62/78/sh/houseinfo/408971808300_s22.jpg"
onerror="this.onerror=‘‘;this.src=‘http://img1.soufunimg.com/agents/2011_01/08/62/78/sh/houseinfo/4089718083001_s.jpg‘" />

<img/>标签onerror事件在IE下的bug和解决方法

标签:blog   http   ar   os   sp   on   div   问题   log   

原文地址:http://www.cnblogs.com/shijiaoyun/p/4155017.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!