js注意img图片的onerror事件的分析
作者：
打开网页时提示 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 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>
您可能感兴趣的文章:
- JavaScript探测CSS动画是否已经完成的方法
- javascript字典探测用户名工具
- 用javascript实现给图片加链接
- js实现点击链接后延迟3秒再跳转的方法
- JS实现点击链接取消跳转效果的方法
- JS获得URL超链接的参数值实例代码
- JS对img标签进行优化使用onerror显示默认图像
- JS使用onerror捕获异常示例
- JavaScript通过使用onerror设置默认图像显示代替alt
- 用window.onerror捕获并上报Js错误的方法
- JavaScript中的onerror事件概述及使用
- javascript window.onerror事件学习新收获
- JS实现探测网站链接的方法【测试可用】