img onerror事件

                                                          img  onerror事件

定义和用法

onerror 事件会在文档或图像加载过程中发生错误时被触发。

在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。

语法

onerror="SomeJavaScriptCode"
参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。


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


<img src="1.jpg" onerror="nofind(event)"/>

在onerror中调用nofind函数就不会出现ie中死循环的现象了

<script type="javascript/text">

function nofind(event){
var img = event.target || event.srcElement;
img.src="http://www.rigouwang.com/Html/Tpl/default/Public/image/onerror_img.jpg";
img.onerror=null; //控制不要一直跳动
}

</script>

猜你喜欢

转载自blog.csdn.net/man8023man/article/details/8971354
IMG