HTML-Webspeicher

Mit Web Storage können Webanwendungen Daten lokal im Browser des Benutzers speichern.
Der Webspeicher ist sicherer und große Datenmengen können lokal gespeichert werden, ohne die Leistung der Website zu beeinträchtigen.
Der Webspeicher erfolgt pro Ursprung, d. h. pro Domäne und Protokoll. Alle Seiten von einem Ursprung können dieselben Daten speichern und darauf zugreifen.

API und Webspeicher

Google= 4.0
Microsoft Edge= 8.0
Firefox= 3.5

HTML-Webspeicherobjekte

HTML-Webspeicher stellt zwei Objekte zum Speichern von Daten auf dem Client bereit:
window.localStorage – speichert Daten ohne Ablaufdatum
window.sessionStorage – speichert Daten für eine Sitzung

if (typeof(Storage) !== "undefined") {
  // Code for localStorage/sessionStorage.
} else {
  // Sorry! No Web Storage support..
}

Das localStorage-Objekt

Das localStorage-Objekt speichert die Daten ohne Ablaufdatum.
Die Daten werden beim Schließen des Browsers nicht gelöscht und stehen am nächsten Tag, in der nächsten Woche oder im nächsten Jahr wieder zur Verfügung.

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");