美文网首页前端工程
如何让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