JavaScript代码实现删除页面中的图片刷新后也不会重新显示

以下是JavaScript代码实现删除页面中的图片并禁止其重新显示的方法：

获取要删除的图片元素

可以通过getElementById、getElementsByClassName、getElementsByTagName等方法获取图片元素。例如，如果图片元素的id为“my-image”，可以使用以下代码获取该元素：

var image = document.getElementById("my-image");

删除图片元素

使用removeChild方法可以从父元素中删除子元素。例如，以下代码将删除上面获取到的图片元素：

image.parentNode.removeChild(image);

禁止图片重新显示

为了禁止图片重新显示，可以使用sessionStorage或localStorage存储一个标记。每次页面加载时，检查标记并根据情况删除图片元素。以下是一个示例：

// 检查是否需要删除图片
if (sessionStorage.getItem("delete-image")) {
    var image = document.getElementById("my-image");
    if (image) {
        image.parentNode.removeChild(image);
    }
}

// 删除图片并标记为已删除
var deleteButton = document.getElementById("delete-button");
deleteButton.addEventListener("click", function() {
    var image = document.getElementById("my-image");
    if (image) {
        image.parentNode.removeChild(image);
        sessionStorage.setItem("delete-image", true);
    }
});

在这个示例中，当用户点击一个按钮时，图片将被删除并标记为已删除。在页面重新加载时，检查标记并删除图片元素。注意，这种方法只能在同一浏览器上禁止图片重新显示。如果用户在另一个浏览器或设备上访问网站，图片仍然可能会重新显示