常规方法解决我们都知道,img标签支持onerror事件,在装载文档或图像的过程中如果发生了错误,就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。
例如这样使用:
<img src="images/logo.png" onerror="javascript:this.src='images/logoError.png';">
但是,注意哦,这里有个大坑哦,如果logoError.png 也不存在,则会继续触发 onerror,导致死循环,页面卡死。而且,就算图片存在,但网络很不通畅,也可能触发 onerror。
解决方法
<img src="images/logo.png" onerror="slnotimg();"/> <script type="text/javascript">function slnotimg() { var img = event.srcElement; img.src = "images/logoError.png"; img.onerror = null; //解绑onerror事件 }</script>
作者:思源
来源:壹世博客(微信/QQ号:2336957694),转载请保留出处和链接!
本文链接:https://www.ym-ym.com/115.html
本文标签:
Copyright Your WebSite.Some Rights Reserved.备案号:冀ICP备19016991号-2