img标签中的onerror事件

img标签中有一个onerror事件。是当我引用的src属性获取不到图片或者网络错误导致无法正常显示我src属性的图片时,显示的提示错误图片或者是可以代替的万能图片。

用法:

<img src="images/rightimg.png" οnerrοr="javascript:this.src='images/errorimg.png';">

当我onerror事件中的图片路径或者网络错误导致无法正常显示图片时,页面会反复闪烁

因为执行onerror事件返回错误之后会继续执行onerror事件,导致一个死循环。解决代码:

<img src="images/errorimg.png" οnerrοr="imgerrorfun();" />
 
<script>
 function imgerrorfun(){
     var img =event.srcElement;
     img.src="images/errorimg.png";
     img.οnerrοr=null;  //解决碎片图标反复闪烁
 }
</script>

  

转载于:https://www.cnblogs.com/JiAyInNnNn/p/11187701.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值