Window localStorage Property

JavaScript Window-Objekt

localStorageLeseproperty allows you to access aSpeicherungfür das Quellobjekt des Dokuments; die gespeicherten Daten werden über Browser-Sitzungen hinweg gespeichert.

Im Vergleich zum Verwenden von Cookies bietet das localStorage-Objekt ein Mechanismus, durch den der Browser die Schlüssel auf eine bessere Weise speichern kann/Wertepaare.

localStorage im Vergleich zusessionStorageÄhnlich, der Unterschied liegt darin, dass die im sessionStorage gespeicherten Daten keine Ablaufzeit haben, aber die im sessionStorage gespeicherten Daten werden gelöscht, wenn die Seitenitzung endet (d.h. wenn die Seite geschlossen wird).

Sie können in unserenHTML5 im Web Storage APIErfahren Sie mehr über localStorage.

Syntax:

window.localStorage

DatenSpeichernDatensyntax für localStorage:

localStorage.setItem("key", "value");

aus localStorage LesenDatensyntax:

var name = localStorage.getItem("key");

aus localStorage LöschenDatensyntax:

localStorage.removeItem("key");

//　Speichern
localStorage.setItem("name", "Parrot");
//　Abholen
document.getElementById("demo").innerHTML = localStorage.getItem("name");

Der obige Code erstellt eine localStorage-Namen mit name="name" und value="Parrot"./Wertepaare.

Dann suchen Sie den Wert von "Name" ab und fügen Sie ihn in das Element mit id="demo" ein.

Name/Werte werden stets als Strings gespeichert und können bei Bedarf in ein anderes Format konvertiert werden.

Browser-Kompatibilität

Die in der Tabelle angegebenen Zahlen spezifizieren die erste Browser-Version, die localStorage-Eigenschaften vollständig unterstützt:

Technische Details

Mehr Beispiele

Nachstehende Beispiele setzen lokale Speichervariablen und greifen bei jedem Seitenbesuch auf diese Variablen zu:

if (localStorage.hits) {
localStorage.hits　=　Number(localStorage.hits)　+　1;
} else {
localStorage.hits　=　1;
}

Sie können auch localStorage-Elemente löschen:

localStorage.removeItem("hits");

Verwandte Referenzen

Fenster (Window) Referenz:window.sessionStorage-Eigenschaft

HTML-Tutorial:HTML5 Web-Storage-API

JavaScript Window-Objekt