img onerror事件
定义和用法
onerror 事件会在文档或图像加载过程中发生错误时被触发。
在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。
语法
οnerrοr="SomeJavaScriptCode"
参数 | 描述 |
---|---|
SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 |
IE下打开网页时,会弹出“Stack overflow at line: 0”的弹框。这个bug是由于img标签的onerror事件引起的。程序中用到的代码片段如下:正常情况下显示src所指路径的图片,加载失败时显示通过img标签的onerror事件显示另一张图片,问题就出现在了这里,当另一张图片也不存在时,就造成了循环触发onerror事件,在IE下就会弹出“stack overflow”的弹框。
<img src="1.jpg" οnerrοr="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.οnerrοr=null; //控制不要一直跳动
}
</script>