您的位置：首页 > 其它

图片(img标签)的onerror事件

2013-06-25 19:22 381 查看

MaxIE
人生之路并不漫长，来来去去的都是那些狭窄的街巷。可是来时未曾相约，你才让我独自苦苦等候，遥遥无期的守望，险些凝固成历史的永恒。

博客园

首页

博问
闪存
新随笔

联系

订阅随笔-528 文章-194 评论-243

图片(img标签)的onerror事件

打开网页时提示 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="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif";

img.onerror=null; 控制不要一直跳动

}
//–>
</script>
<td align="center"><img src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/${file.suffix }.gif" onerror="nofind();" />${file.name }</td>

分类:
JS&JQUERY

绿色通道：好文要顶
关注我收藏该文与我联系

MaxIE

关注 - 4

粉丝 - 28

+加关注

1
0

(请您对文章做出评价)

«
上一篇：如何模拟低速率网络测试Web应用

»
下一篇：高效的JavaScript

posted @ 2010-10-19 12:44
MaxIE 阅读(3891) 评论(0)

编辑收藏

刷新评论刷新页面返回顶部

注册用户登录后才能发表评论，请
登录或注册，访问网站首页。

博客园首页博问新闻闪存程序员招聘知识库

最新IT新闻:

· 索尼智能手表SmartWatch 2发布

· 人民大学官网晒女神服务器惨遭挤爆

· 腾讯4698万美元增持金山网络傅盛等可套现

· 码农自白：这样成为谷歌工程师

· Facebook阅读应用和RSS无关非"山寨"Flipboard

» 更多新闻...
最新知识库文章:

·
如何教新手编程

· 我的码农原则

· 物理学陷入困境：接下来该怎么办？

· 不可忽略的数据库缓存重建

· 创业者，你为什么这么着急？

» 更多知识库文章...

公告

昵称：MaxIE

园龄：7年6个月

粉丝：28

关注：4

2010年10月

日

一

二

三

四

五

六

搜索

友情连接

武汉特能快递

(rss)
武汉特能快递、特能市场推广有限公司成立于二00三年四月。公司经营宗旨“提升品牌能量”和经营理念“更多更好更快更高”。使公司整体业务朝着更专业、更规范、更迅捷的物流配送方向发展，形成了一个管理有序、颇具特色的第三方物流配送体系。
武汉特能快递订单查询

(rss)
武汉特能快递、特能市场推广有限公司网上订单查询地址。当当、卓越、美嘉、互动网、2688、八佰拜、七彩谷等湖北武汉订单投递查询。

积分与排名

积分 - 296493
排名 - 268

图片(img标签)的onerror事件