当img标签的src为空时,会显示一个破碎的图片,看着烦人。
之前用逻辑判断来处理,有点麻烦。
今天发现原来可以使用onerror 事件来处理
1、如果你想在图片为空时要这张图片隐藏可以:
< img src=“图片的url地址” οnerrοr=“this.style.display=‘none’”/>
2、如果你想在图片为空是显示默认图片可以:
< img src=“图片的url地址” οnerrοr=“this.src=‘默认图片的url地址’”/>
![](https://img.haomeiwen.com/i5149787/2f45bae308042815.png)
![](https://img.haomeiwen.com/i5149787/757ecd06f8f73925.jpg)
当img标签的src为空时,会显示一个破碎的图片,看着烦人。
之前用逻辑判断来处理,有点麻烦。
今天发现原来可以使用onerror 事件来处理
1、如果你想在图片为空时要这张图片隐藏可以:
< img src=“图片的url地址” οnerrοr=“this.style.display=‘none’”/>
2、如果你想在图片为空是显示默认图片可以:
< img src=“图片的url地址” οnerrοr=“this.src=‘默认图片的url地址’”/>
本文标题:如何让img为空时不显示
本文链接:https://www.haomeiwen.com/subject/pfrjyhtx.html
网友评论