gpt4 book ai didi

javascript - 刷新页面隐藏div

转载 作者:行者123 更新时间:2023-11-29 23:55:57 28 4
gpt4 key购买 nike

我有这个<div>我有一个关闭 <div> 的“X”但在刷新页面时再次出现。我想要 <div>即使在刷新页面后仍保持隐藏状态。我该怎么做?

我也想在页面刷新时隐藏它们。

<div class="cookie">
<a href="#" class="cookie-close">
<span class="icon" onclick='this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode); return false;'>X</span>
</a>
</div>

最佳答案

当用户点击 x 时,考虑将选项存储到 localStorage 中。

localStorage.setItem('showDiv', false)

希望这有帮助..干杯

请考虑以下代码:

<body onload="onLoad()">
<div id="myDiv" class="cookie" style="display: none">
<a href="#" class="cookie-close">
<span class="icon" onclick='onClose()'>X</span>
</a>
</div>

<script>
function onLoad() {
var showDiv;
if(localStorage.getItem("showDiv") == null) {
showDiv = true;
}
else {
showDiv = localStorage.getItem("showDiv")
}

if (showDiv) {
document.getElementById('myDiv').style.display = 'block';
}
else {
document.getElementById('myDiv').remove();
}
}

function onClose() {
document.getElementById('myDiv').remove();
localStorage.setItem("showDiv", false);
}

</script>
</body>

关于javascript - 刷新页面隐藏div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41703914/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com