Javascript behält Variablenwert auf allen Geräten

Question

Ich arbeite an einem Benachrichtigungsfeld, aber ich habe ein Problem mit der Option "Löschen". Hier ist der Code:

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

Und hier ist das Javascript:

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

Ich möchte, das zu tun, wenn Sie die Taste, um die Benachrichtigung auf allen Browsern oder Geräten verschwinden klicken (so i don‘ t möchten Cookies oder lokalen HTML5-Speicher verwenden). Das Problem ist, dass wenn ich die Seite aktualisiere die Benachrichtigung zurück sichtbar. Wie kann ich tun, um es "gelöscht" zu halten?

Answer 1

Wenn Sie den Status bei jeder Aktualisierung überprüfen müssen, sollten Sie den Status in lokalen Speicher (oder) -Cookies speichern, da diese bei Seitenaktualisierungen persistent sind. Wenn Sie möchten, dass es browserübergreifend funktioniert, pflegen Sie den Status im Backend und teilen Sie ihn über einen Cookie.