解析img图片没找到onerror事件 Stack overflow at line: 0


Posted in Javascript onDecember 23, 2013

打开网页时提示 Stack overflow at line: 0。我做了截图如下:

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

<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 />

<style type="text/css">
hidden {
display: none;
}
</style>
<img src="xxx.jpg" onerror="this.class='hidden';xx.class=''" />
<img src="xxx.jpg" class="hidden" />

Javascript 相关文章推荐
JavaScript中:表达式和语句的区别[译]
Sep 17 Javascript
用jquery模仿的a的title属性的例子
Oct 22 Javascript
jQuery中end()方法用法实例
Jan 08 Javascript
js实现多选项切换导航菜单的方法
Feb 06 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
May 12 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
在webstorm开发微信小程序之使用阿里自定义字体图标的方法
Nov 15 Javascript
JS异步错误捕获的一些事小结
Apr 26 Javascript
基于Vue实现电商SKU组合算法问题
May 29 Javascript
微信小程序自定义组件实现环形进度条
Nov 17 Javascript
JS实现简单省市二级联动
Nov 27 Javascript
判断客户浏览器是否支持cookie的示例代码
Dec 23 #Javascript
FireBug 调试JS入门教程 如何调试JS
Dec 23 #Javascript
JS中的异常处理方法分享
Dec 22 #Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 #Javascript
判断文件是否正在被使用的JS代码
Dec 21 #Javascript
jquery鼠标停止移动事件
Dec 21 #Javascript
JS delegate与live浅析
Dec 21 #Javascript
You might like
php 设计模式之 单例模式
2008/12/19 PHP
PHP使用Nginx实现反向代理
2017/09/20 PHP
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
javascript 判断数组是否已包含了某个元素的函数
2010/05/30 Javascript
简短几句 通俗解释javascript的闭包
2011/01/17 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
javascript控制层显示或隐藏的方法
2015/07/22 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
AngularJS入门教程之双向绑定详解
2016/08/18 Javascript
修改jquery中dialog的title属性方法(推荐)
2016/08/26 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
2017/06/02 Javascript
vue动态改变背景图片demo分享
2018/09/13 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
Vuex的热更替如何实现
2020/06/05 Javascript
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
用python与文件进行交互的方法
2018/03/01 Python
Python比较2个时间大小的实现方法
2018/04/10 Python
Python装饰器模式定义与用法分析
2018/08/06 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
python 五子棋如何获得鼠标点击坐标
2019/11/04 Python
Python中格式化字符串的四种实现
2020/05/26 Python
Matlab中plot基本用法的具体使用
2020/07/17 Python
Python系统公网私网流量监控实现流程
2020/11/23 Python
CSS3使用transition实现的鼠标悬停淡入淡出
2015/01/09 HTML / CSS
JAVA代码查错题
2014/10/10 面试题
本科生个人求职自荐信
2013/09/26 职场文书
自主招生推荐信范文
2014/05/10 职场文书
单位法定代表人授权委托书
2014/09/20 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
学生上课说话检讨书
2014/10/25 职场文书
前台接待岗位职责
2015/02/03 职场文书
办公室文员岗位职责
2015/02/04 职场文书
2016年优秀少先队员事迹材料
2016/02/26 职场文书
会议主持词通用版
2019/04/02 职场文书
Python 键盘事件详解
2021/11/11 Python