刷新页面后保存 div 隐藏选项答案

【问题标题】：Save div hide option after refresh page刷新页面后保存 div 隐藏选项
【发布时间】：2020-03-24 10:06:02
【问题描述】：

谁能帮帮我。我想要页面顶部的警报框。当我点击关闭时，div 将关闭，但刷新后它又回来了。

我该如何解决这个问题？

我的代码是： CSS

.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

HTML

<div class="alert">
  <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
  <strong>Alert:</strong> Close this bar, after refresh page this bar is not visibile.
</div>

同时添加：

https://jsfiddle.net/fegeeez/d9yLamcg/2/

【问题讨论】：

是服务端渲染页面还是静态html页面？
服务器端页面
您可以使用cookie或localStorage来存储当前浏览器中弹出的状态，运行您的网站并使您的逻辑只显示一次警报，并且还可以设置到期时间，为您如果您想了解更多关于 javascript 中 cookie 的信息，可以使用 cookie 选项尝试向 w3schools 学习
您使用哪个后端或框架？您需要使用 Flash 会话。
我会在magento上使用它

标签： javascript local-storage browser-cache

【解决方案1】：

您需要一种在两次页面加载之间保持状态的方法。一旦用户关闭警报，就会将该信息存储在 cookie 或 localStorage 中。

更多信息

localStorage

【讨论】：