当前位置: 首页 > 图文教程 > 网络编程 > Javascript > img标签中onerror用法

Javascript
IE中直接运行显示当前网页中的图片 推荐
广告显示判断
srcElement表格样式
免费空间广告万能消除代码
[原创]手机号码本地检测
JS实现浏览器菜单命令
JS代码混淆初步
经验几则 推荐
MSN消息提示类
正宗的日历(含农历)
农历与西历对照
在网页中屏蔽快捷键
简单获取键盘的KeyCode
音乐播放用的的几个函数
你的编程语言可以这样做吗?
如何遍历对象的属性?
自动关闭的层
prototype 的说明 js类
js脚本学习 比较实用的基础
日期函数扩展类Ver0.1.1

Javascript 中的 img标签中onerror用法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 346 ::
收藏到网摘: n/a

可是这会引起再因网络原因或其他原因使图片不能正常加载的话 这样就是再次调用onerror,基于微软的一套核心的浏览器就会认为这是死循环 今日见一TX在HTML中写了以下代码<img src="xxx.jpg" onerror="this.src='xxx.jpg'" />
哎! 在FF上面还可以 但是在IE上面就不的,因为B/S结构有很多因素引发onerror,此处在发生onerror的时候给当前图片重新制定个地址
可是这会引起再因网络原因或其他原因使图片不能正常加载的话 这样就是再次调用onerror,基于微软的一套核心的浏览器就会认为这是死循环
然后就会报 stack overflow 的错误。
解决方案:
使用两个<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" />