img标签设置默认图片

img标签设置默认图片有时需要给图片设置默认图 比如用户头像 默认商品图等

大家好,欢迎来到IT知识分享网。

有时需要给图片设置默认图,比如用户头像,默认商品图等。img的alt属性只是给图片设置未加载时的文字提示信息。这时,通常会用到onerror属性,一下为常用的两种方法:

1、让图片元素隐藏
<img src="图片的url地址" alt="图片XX" onerror="this.style.display='none'"/> 
2、设置默认图
<img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址'"/> 

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

<img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址';this.οnerrοr=null"/> 

原文摘自:https://www.cnblogs.com/wxcbg/p/7459022.html

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/155354.html

(0)
上一篇 2025-02-19 19:26
下一篇 2025-02-19 19:33

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信