更改 img 并保存 cookie html & javascript

【问题标题】：Change img and save the cookie html & javascript更改 img 并保存 cookie html & javascript
【发布时间】：2018-05-17 06:20:53
【问题描述】：

此代码替换图像并保留 cookie

有错吗？我不知道解决方案。

<html>

<button onclick="hideImage()"> Remove img </button>
<img id="my_images" src="http://karachiairport.com.pk/images/data-section/airline/24-11.png">
<script>

document.addEventListener('DOMContentLoaded', function() {
    // If cookie exist
    if (document.cookie.indexOf('image_clicked') > -1) {
        document.getElementById("my_images").src="http://www.1dmag.com/all_asset/img/no-image.png";
    }
	

    function hideImage() {
        document.getElementById("my_images").src="http://www.1dmag.com/all_asset/img/no-image.png";
        document.cookie = "image_clicked=true";
    }
});


</script>

【问题讨论】：

请查看以下链接，希望对您有所帮助Link

标签： javascript html cookies

【解决方案1】：

请试试这个。

现在“未定义隐藏图像”错误已解决。

<html>

<button onclick="hideImage()"> Remove img </button>
<img id="my_images" src="http://karachiairport.com.pk/images/data-section/airline/24-11.png">
<script>

document.addEventListener('DOMContentLoaded', function() {
    // If cookie exist
    if (document.cookie.indexOf('image_clicked') > -1) {
        document.getElementById("my_images").src="http://www.1dmag.com/all_asset/img/no-image.png";
    }
	

   
});

 function hideImage() {
        document.getElementById("my_images").src="http://www.1dmag.com/all_asset/img/no-image.png";
        document.cookie = "image_clicked=true";
    }
</script>

【讨论】：

当我刷新页面时第一个img再次出现，我不需要重新加载它
您在哪个浏览器上运行此代码？ Chrome 会忽略来自本地页面的 cookie。我从 lite-server 提供了这段代码，它按照您的期望工作。请检查此链接。 [stackoverflow.com/questions/8105135/…