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本地存储)。问题是,当我刷新页面通知返回可见。我该如何保持“删除”状态?
答
如果您需要在每次刷新时检查状态,则应该将状态保存在本地存储(或)Cookie中,因为这些状态在页面刷新中保持不变。如果您希望它跨浏览器工作,请在后端维护状态并通过Cookie共享。
+0
Cookie或localStorage仅适用于一种设备,并非全部,OP明确表示*我不想使用Cookie或HTML5本地存储*。 –
+1
那么,你需要通过一个cookie来分享它,并在后端保持通知状态(读/未读)。 – Jaipradeesh
如果这是您的默认标记。你想如何使用JavaScript永久删除它? – aavrug
我只想保持它“显示:无” – step
如果你想保持它作为标记为“读”的说,一个用户帐户,跨所有设备,你可能需要一个数据库。 –