img标签中onerror用法
更新时间：2009年08月13日 00:22:50 作者：
可是这会引起再因网络原因或其他原因使图片不能正常加载的话 这样就是再次调用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" />
哎！ 在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" />
相关文章
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。这篇文章主要介绍了JavaScript webpack5配置及使用基本介绍2022-09-09
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
在本篇文章中我们总结了关于JavaScript原生封装ajax请求和Jquery中的ajax请求的知识点内容，需要的朋友们学习参考下。2019-02-02
这篇文章介绍了AJAX跨域请求json数据的实现方法，有需要的朋友可以参考一下2013-11-11
JavaScriptCore是webkit的一个重要组成部分，主要是对JS进行解析和提供执行环境。下面这篇文章主要给大家介绍了使用JavaScriptCore实现OC和JS交互的相关资料，文中介绍的非常详细，需要的朋友可以参考学习，下面来一起看看吧。2017-03-03
本篇文章主要介绍了详解webpack提取第三方库的正确姿势，常用的提取第三方库的方法有两种，本文详细的介绍了这两种方法，有兴趣的可以了解一下2017-12-12
提高 DHTML 页面性能...2006-12-12
javascript中SetInterval与setTimeout的定时器用法
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等，本文文章通过代码示例给大家介绍javascript中SetInterval与setTimeout的定时器用法2015-08-08
这篇文章主要介绍了微信小程序用户拒绝授权的处理方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了JavaScript中for循环的所有用法，文章通过详细的代码示例介绍JavaScript中的所有for循环，感兴趣的同学可以跟着小编一起来学习2023-05-05
在日常开发过程中,前端经常要和后端进行接口联调,获取并且渲染数据到页面中,接下来就总结一下 uniapp 中获取请求、文件下载和上传的一些方法2023-09-09
最新评论