1. 百科知识问答首页
  2. 经验知识

图片加载失败显示默认图片

背景

在写html时不想通过js、jstl表达式等去判断url是否为null,url的图片是否存在等情况,可以使用onerror。img的alt属性只是给图片设置未加载时的文字提示信息,而onerror则是给图片设置未加载时的默认图片。

隐藏图片

图片元素隐藏

<img src="http://IMG_URL" alt="图片文字提示" onerror="this.style.display='none'"/>

设置默认图

<img src="http://IMG_URL" alt="图片文字提示" onerror="this.src='默认图片的url地址';this.οnerrοr=null"/>

当onerror中设置的图片路径也不存在时就会导致浏览器一直加载这个图,造成堆栈溢出错误。所以,通常在后面加上 this.οnerrοr=null; 保证onerror里的事件只执行一次。

本作品(图文、音视频)由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系 yu.jianchun@qq.com