有时需要给图片设置默认图，比如用户头像，默认商品图等。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.onerror=null;保证onerror里的事件只执行一次。所以完整的写法为：
<img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址';this.onerror=null"/>
有时需要给图片设置默认图，比如用户头像，默认商品图等。img的alt属性只是给图片设置未加载时的文字提示信息。这时...
为了美观当网页图片不存在时不显示叉叉图片 当在页面显示的时候，万一图片被移动了位置或者丢失的话，将会在页面显示一个...
 前提说明：当src='要显示的图片.jpg'不存在时，将触发 onerror，而 ...
我们都知道，img标签当图片失效时，可以通过onerror属性进行src默认图片的设置，如下： 但是，当我们设置动...
1-直接上img标签即可 img标签是一个标签，不设置宽高默认会以原尺寸显示 1-1没有宽高的图片显示的是图片本身...
块元素 block：默认独占一行，支持宽高 页面标题图片设置 图片标签img **标签选择器 ** 列表 边框 b...
1.html img标签 src图片失效时显示默认图片
img使用img标签来向网页中引入一个外部图片img标签也是一个自结束标签属性：src：设置一个外部图片的路径al...
一、去掉默认样式 去掉 table 默认边框， 去掉 img 默认边框,图片设置 display: block，...
本文标题：img标签设置默认图片
本文链接：https://www.haomeiwen.com/subject/okjmhftx.html
网友评论