Javascript在所有设备上保留变量值

Question

我正在通知面板上工作，但我对＆＃34;删除选项＆＃34;有疑问。这是代码：

<div id="notification">
  <span> Hi, i'm a title </span>
</div>
<button id="del" type="button" onClick="delete()">Delete Notification</button>

这是Javascript：

function delete() {
    var notificationDisplay = "0"
    if (notificationDisplay == "0") {
      document.getElementById("notification").style.display = "none"
    } else {
      document.getElementById("notification").style.display = "block"
    }

当您点击所有浏览器或设备上的通知消失时，我想这样做（因此我不想使用Cookie或HTML5本地存储）。问题是，当我刷新页面时，通知返回可见。我怎样才能保持＆＃34;删除＆＃34;？

Answer 1

如果需要在每次刷新时检查状态，则应将状态保存在本地存储（或）cookie中，因为这些状态在页面刷新期间是持久的。如果您希望它跨浏览器工作，请在后端维护状态并通过cookie共享它。