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

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

大魚 • • 经验知识 • 阅读 12

背景

在写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

赞 (1)
大魚大魚推荐达人
0
« 上一篇 2024-06-04 11:29
下一篇 » 2024-06-05 15:20

相关推荐