有没有一种方法可以防止img get请求使用css或js发生

Is there a way to prevent img get requests from occurring using css or js?

本文关键字：请求 get img css 发生 js 一种 方法 有没有      更新时间：2023-09-26

如果我只能使用css和/或javascript，有没有办法防止对图像的get请求发生？

像这样：

<img src="A.png"/>
img {
    src:none;
}

这将在页面加载时阻止对A.png的GET请求。

有人知道这是否可能吗？

感谢

我觉得这应该适用于您想要的：

<script>
    $(document).ready(function () {
        $("img").attr("src", "");
    });
</script>

它应该替换所有<img>标记中的src属性。您也可以使用$("img").removeAttr("src")删除src属性。

javascript中类似的东西是：

<script>
    document.addEventListener("DOMContentLoaded", function (event) {
        var images = document.getElementsByTagName("img");
        for (var i = 0; i < images.length; i++) {
            images[i].setAttribute("src", "");
        }
    });
</script>

与jquery中一样，您可以使用images[i].removeAttribute("src")来完全删除htmlsrc属性
这两个脚本都在我的html的底部
我不知道这是否正是你想要的，但希望这能有所帮助。

有一种javascript方式：

最初不向img提供源代码（=不执行请求），之后通过javascript更改源代码

如果您想在dom中输入图像的URL，请使用数据src属性，如ISuthan Bala提到的

<img data-src="my-image.png" />

通过jQuery轻松设置数据src到src，例如

相关文章：