当前位置:首页 » 建站技巧 » 正文

处理img标签加载图片失败,显示默认图片简单代码分享

112 人参与  2019年09月14日 04:53  分类 : 建站技巧  评论

常规方法解决我们都知道,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),转载请保留出处和链接!

本文链接:http://www.ym-ym.com/115.html

本文标签:

<< 上一篇下一篇 >>

  • 评论(0)
  • 相关文章

    取消

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最近发表

热门文章

热评文章

全国SEO经典案例

跟随标题

    内容的形式各种各样,可以是文本,也可以是各种广告等。

Copyright Your WebSite.Some Rights Reserved.