img标签中onerror用法

可是这会引起再因网络原因或其他原因使图片不能正常加载的话 这样就是再次调用onerror,基于微软的一套核心的浏览器就会认为这是死循环

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

复制代码 代码如下:


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

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjypdy.html