js注意img图片的onerror事件的分析

更新时间：2011年01月01日 18:23:04 作者：

打开网页时提示 Stack overflow at line: 0。img图片的onerror事件需要注意的细节。

经过分析，发现网页中存在类似如下的代码：

<img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />
分析：特别注意 onerror，当图片不存在时，将触发 onerror，而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif，图片不存在将显示 noPic.gif。但问题来了，如果 noPic.gif 也不存在，则继续触发 onerror，导致循环，故出现错误。

说明：如果图片存在，但网络很不通畅，也可能触发 onerror。

解决方法：

第一种：：.去掉 onerror 代码；或者更改 onerror 代码为其它；或者确保 onerror 中的图片足够小，并且存在。

第二种：

复制代码代码如下:

 
<script type="text/javascript"> 
<!– 
function nofind(){ 
var img=event.srcElement; 
img.src="../../../sys/common/image/fileoperation/icon/default.gif"; 
img.onerror=null; 控制不要一直跳动 
} 
//–> 
</script> 
<td align="center"><img src="../../../sys/common/image/fileoperation/icon/${file.suffix }.gif" onerror="nofind();" />${file.name }</td> 

您可能感兴趣的文章:

img
onerror

微信小程序实现提交input信息到后台的方法示例
这篇文章主要介绍了微信小程序实现提交input信息到后台的方法,结合实例形式分析了微信小程序提交input信息到后台相关事件响应与数据处理操作技巧,需要的朋友可以参考下
2019-01-01
js实现移动端轮播图效果
这篇文章主要为大家详细介绍了js实现移动端轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
JS使用AudioContext实现音频流实时播放
这篇文章主要为大家详细介绍了JavaScript如何使用AudioContext实现音频流实时播放功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
2024-01-01
微信小程序实现MUI数字输入框效果
这篇文章主要为大家详细介绍了微信小程序实现MUI数字输入框效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-01-01
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕）
这篇文章主要介绍了axios中封装使用、拦截特定请求、判断所有请求加载完毕的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-04-04
bootstrap的工具提示实例代码
Bootstrap 工具提示（Tooltip）插件当您想要描述一个链接的时候，工具提示（Tooltip）就显得非常有用。这篇文章通过实例代码给大家介绍bootstrap的工具提示功能，需要的朋友参考下吧
2017-05-05
pageGroup.js实现分页功能
这篇文章主要为大家详细介绍了pageGroup.js实现分页功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
IE FF OPERA都可用的弹出层实现代码
多浏览器的弹出层效果核心代码。需要的朋友可以测试下这个是从正在使用的网站中扒下来的。
2009-09-09
JavaScript代码实现txt文件的上传预览功能
本篇文章给大家介绍了JavaScript代码实现txt文件的上传预览功能，文字代码相结合的形式给大家介绍的非常详细，需要的朋友参考下吧
2018-03-03
基于ES6 Array.of的用法(实例讲解)
下面小编就为大家带来一篇基于ES6 Array.of的用法(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09