Javascript保持所有设备上的变量值

问题描述:

我正在通知面板上工作,但我遇到了“删除选项”的问题。下面的代码:Javascript保持所有设备上的变量值

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

而这里的Java脚本:

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

我想这样做,当你点击该按钮上的所有浏览器或设备的通知消失(所以我不”您想使用Cookie或HTML5本地存储)。问题是,当我刷新页面通知返回可见。我该如何保持“删除”状态?

+0

如果这是您的默认标记。你想如何使用JavaScript永久删除它? – aavrug

+0

我只想保持它“显示:无” – step

+2

如果你想保持它作为标记为“读”的说,一个用户帐户,跨所有设备,你可能需要一个数据库。 –

如果您需要在每次刷新时检查状态,则应该将状态保存在本地存储(或)Cookie中,因为这些状态在页面刷新中保持不变。如果您希望它跨浏览器工作,请在后端维护状态并通过Cookie共享。

+0

Cookie或localStorage仅适用于一种设备,并非全部,OP明确表示*我不想使用Cookie或HTML5本地存储*。 –

+1

那么,你需要通过一个cookie来分享它,并在后端保持通知状态(读/未读)。 – Jaipradeesh