img标签中onerror用法
作者:bea
今日见一TX在HTML中写了以下代码<img src="xxx.jpg" onerror="this.src='xxx.jpg'" /> 哎! 在FF上面还可以 但是在IE上面就不的,因为B/S结构有很多因素引发onerror,此处在发生onerror的时候给当前图片重新制定个地址 可是这会引起再因网络原因或其他原因使图片不能正常加载的话 这样就是再次调用onerror,基于微软的一套核心的浏览器就会认为这是死循环 然后就会报 stack overflow 的错误
今日见一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" />
有用 | 无用
哎! 在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" />
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript 多级checkbox选择效果
- 调用js时ie6和ie7,ff的区别
- jquery 入门教程 [翻译] 推荐
- jQuery select控制插件
- javascript 无提示关闭窗口脚本
- javascript addBookmark 加入收藏 多浏览器兼容
- 用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
- javascript 客户端验证上传图片的大小(兼容IE和火狐)
- js中的window.open返回object的错误的解决方法
- JavaScript 提升运行速度之循环篇 译文
- jQuery ui 1.7更新小结
- 获取 textarea 标签第n行的文字的js代码
- css+js完美控制图片大小
- IE8 下的Js错误HTML Parsing Error...
- jQuery 判断页面元素是否存在的代码
- JavaScript写的一个DIV 弹出网页对话框
- 使用JQuery和s3captche实现一个水果名字的验证
- JS 添加删除元素的实现代码
- javascript 不停(setInterval)/延时(setTimeout)函数使用实例