<img/>标签onerror事件在IE下的bug和解决方法
2011-01-12 21:14
661 查看
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 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和解决方法
- <img/>标签onerror事件在IE下的bug和解决方法
- 在IE 6中<a>标签的一些bug和解决方法
- <转>IE常见的BUG及解决方法
- js改变img标签的src属性在IE下出问题的解决方法
- <a>标签的伪协议在ie下的bug解决与总结
- html的<a>标签IE下绑定点击事件后也会修改href问题
- img标签下多余空白BUG解决方法 / div / img / 图片 / 空格
- IE的option标签单击事件无法触发的解决方法
- 在多行列表中id同名的<a>标签点击事件处理方法
- <img>标签加入onerror事件,如果没有找到图片,则使用默认图片
- img标签下多余空白BUG解决方法
- Mybatis传单个参数和<if>标签同时使用的问题及解决方法
- IE的option标签单击事件无法触发的解决方法
- js改变img标签的src属性在IE下没反应的解决方法
- <video>标签在IE下只有声音没有画面解决办法
- 【转】img标签下多余空白BUG解决方法-DivCSS教程
- IE中img标签多出5px的空白之4种解决方法
- js改变img标签的src属性在IE下没反应的解决方法
- html的<a href="" />标签点击出现蓝色边框解决方法