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

时间:2022-03-14 17:26:05

之前图片加载错误,就一只显示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;