美文网首页前端工程
如何让img为空时不显示

如何让img为空时不显示

作者: 运维开发笔记 | 来源:发表于2020-03-20 13:43 被阅读0次

当img标签的src为空时,会显示一个破碎的图片,看着烦人。
之前用逻辑判断来处理,有点麻烦。

今天发现原来可以使用onerror 事件来处理
1、如果你想在图片为空时要这张图片隐藏可以:
< img src=“图片的url地址” οnerrοr=“this.style.display=‘none’”/>
2、如果你想在图片为空是显示默认图片可以:
< img src=“图片的url地址” οnerrοr=“this.src=‘默认图片的url地址’”/>


微信截图_20200320134016.png
qrcode_for_gh_197e7b195c6b_258.jpg

相关文章

网友评论

    本文标题:如何让img为空时不显示

    本文链接:https://www.haomeiwen.com/subject/pfrjyhtx.html