So verwenden Sie localStorage in JavaScript

So verwenden Sie localStorage in JavaScript

Der localStorage-Mechanismus stellt eine Art Webspeicherobjekt bereit, mit dem Sie Daten im Browser speichern und abrufen können. Sie können Daten ohne Ablaufdatum speichern und darauf zugreifen; Die Daten sind auch dann verfügbar, wenn ein Besucher Ihre Website schließt.





Normalerweise greifen Sie über JavaScript auf localStorage zu. Mit wenig Code können Sie ein Beispielprojekt wie einen Punktezähler erstellen. Dies zeigt, wie Sie persistente Daten nur mit clientseitigem Code speichern und darauf zugreifen können.





Was ist localStorage in JavaScript?

Das localStorage-Objekt ist Teil der Webspeicher-API, die von den meisten Webbrowsern unterstützt wird. Mit localStorage können Sie Daten als Schlüssel-Wert-Paare speichern. Die eindeutigen Schlüssel und Werte sollten im UTF-16-DOM-String-Format vorliegen.





Wenn Sie Objekte oder Arrays speichern möchten, müssen Sie diese mithilfe von in Strings umwandeln JSON.stringify() Methode. Sie können bis zu 5 MB Daten in localStorage speichern. Außerdem können alle Fenster mit demselben Ursprung die localStorage-Daten dieser Site gemeinsam nutzen.

Ein Browser löscht diese Daten auch dann nicht, wenn ein Benutzer ihn schließt. Es wird während jeder zukünftigen Sitzung für die Website verfügbar sein, die es erstellt hat. Sie sollten localStorage jedoch nicht für sensible Daten verwenden, da andere Skripts, die auf derselben Seite ausgeführt werden, darauf zugreifen können.



localStorage vs. sessionStorage

Das localStorage und sessionStorage Objekte sind Teil der Webspeicher-API, die Schlüssel-Wert-Paare lokal speichert. Alle modernen Browser unterstützen sie beide. Mit localStorage verfallen die Daten auch dann nicht, wenn ein Benutzer seinen Browser schließt. Dies unterscheidet sich von sessionStorage, das Daten löscht, wenn die Seitensitzung endet. Eine Seitensitzung endet, wenn Sie eine Registerkarte oder ein Fenster schließen.