图片加载错误,显示默认图片

本文介绍如何利用HTML的onerror事件处理图片加载失败的问题,并通过设置onerror为空防止重复触发,确保页面稳定性。

之前图片加载错误,就一只显示alt内容,昨天回家的路上看了文章,发现了onerror事件

于是今天就用了

<img src="" onerror="this.src='assets/front/images/11.jpg'" alt="">

  发现果然显示了默认图片,在另一个网页用的时候,不小心写错了后面的图片的地址,firebug显示的错误数蹭蹭的想上涨,发现onerror在不停的执行,而且页面不停闪烁

再找解决办法的时候发现了一篇文章,提出了两种解决办法,不过我用了评论中的办法

<img src="" onerror="this.onerror=null;this.src='assets/front/images/11.jpg'" alt="">

  将onerror置空,使有一次有效;

兼容性:没有IE6测不了,不过兼容ie7;

转载于:https://www.cnblogs.com/D-not/p/5971221.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值