Die WEB-Storage API verbessert das Cookie-Konzept.
Mit sessionStorage werden die Daten nur während der Lebensdauer des Fensters/Tab gespeichert. Alle Seiten und Unterfenster, die von dieser Seite aufgerufen werden haben auch die sessionStorage.
Mit localStorage werden die Daten dauerhaft gespeichert. Dazu darf aber Chronik löschen nicht aktiviert sein. Beim Cache löschen sind die Daten ebenfalls gelöscht.
Die Daten werden immer mit einem Keyword und einem Wert gespeichert.
Auf dieser Seite werden die vorhanden Daten im rechten Fenster angezeigt.
Button: Speichern
Die Daten werden unter Local oder Session abgespeichert.
Die Funktion zum Speichern von storage und local Daten unterscheidet sich nur im Wort storage oder local.
Button: Lesen
Lesen kann man einen Wert über das Keyword. Ein erneutes Schreiben mit dem Keyword führt einen Update durch.
Button: Neue Seite
Mit dem Button wird die vorhandene Seite überschrieben. Die sessionStorage ist aber noch vorhanden.
Button: Neues Fenster
Mit dem Button wird ein Unterfenster geöffnet. Auch hier ist die sessionStorage vorhanden.
Alle gespeicherten Werte lesen
Hier eine Funktion um alle gespeicherten Werte (local) zu lesen.