JavaScript Storage-Objekte
Die Web Storage API stellt zwei Speicherobjekte bereit, sessionStorage (Sitzungsspeicher) und localStorage (lokaler Speicher), um Daten auf Webseiten hinzuzufügen, zu löschen, zu ändern und abzufragen.
-
localStorage wird verwendet, um Daten für die gesamte Website dauerhaft zu speichern. Die gespeicherten Daten haben keine Ablaufzeit, bis sie manuell entfernt werden.
-
sessionStorage wird verwendet, um Daten für dasselbe Fenster (oder Tab) vorübergehend zu speichern. Diese Daten werden gelöscht, nachdem das Fenster oder der Tab geschlossen wurde.
Eigenschaften des Storage-Objekts
| Eigenschaft | Beschreibung |
|---|---|
| length | Gibt die Anzahl der im Storage-Objekt enthaltenen Datenelemente zurück. |
Methoden des Storage-Objekts
| Methode | Beschreibung |
|---|---|
| key(n) | Gibt den n-tennSchlüsselnamen im Storage-Objekt zurück. |
| getItem(keyname) | Gibt den Wert des angegebenen Schlüssels zurück. |
| setItem(keyname, value) | Fügt Schlüssel und Werte hinzu. Wenn der entsprechende Wert vorhanden ist, wird der Wert aktualisiert, der diesem Schlüssel entspricht. |
| removeItem(keyname) | Entfernt einen Schlüssel. |
| clear() | Löscht alle Schlüssel im Storage-Objekt. |
Web Storage API
| Eigenschaft | Beschreibung |
|---|---|
| window.localStorage | Speichert Schlüssel/Wert-Paare im Browser. Keine Ablaufzeit. |
| window.sessionStorage | Speichert Schlüssel/Wert-Paare im Browser. Die Daten werden gelöscht, nachdem das Fenster oder der Tab geschlossen wurde. |