Die Hauptunterschied zwischen localStorage und sessionStorage ist, dass die localStorage speichert Daten ohne Ablaufdatum, während sessionStorage Daten aus einer Sitzung speichert.

Fast alle Unternehmensorganisationen nutzen Websites, um ihre Kunden zu erreichen und sie über die von ihnen angebotenen Produkte und Dienstleistungen zu informieren. Die wichtigste Sprache, die bei der Entwicklung einer Website hilft, ist HTML, was für HyperText Markup Language steht. Es hilft, die Struktur der Webseiten aufzubauen. Alle anderen Webtechnologien wie CSS und JavaScript basieren auf HTML. Darüber hinaus gibt es verschiedene HTML-Versionen. Die neueste HTML-Version ist HTML5. Es bietet zusätzliche Funktionen wie SVG, Audio, Video, Canvas, Geolocation usw. HTML5 bietet auch zwei Webspeicherfunktionen, mit denen die Webanwendung Daten lokal im Browser des Benutzers speichern kann. Es ist sicherer und ermöglicht die Speicherung großer Datenmengen, ohne die Leistung der Website zu beeinträchtigen. Darüber hinaus sind localStorage und sessionStorage zwei Webspeicherobjekte zum Speichern von Daten auf dem Client-Rechner.

HTML5, localStorage, sessionStorage, Webspeicher

Was ist localStorage?

Der localStorage ist ein Objekt, das hilft, Daten ohne Ablaufdatum zu speichern. Daher werden diese Daten auch beim Schließen des Browsers nicht gelöscht. Mit anderen Worten, der Benutzer kann ohne zeitliche Begrenzung auf den lokalen Speicher einer Seite zugreifen. So ist es möglich, Daten am nächsten Tag oder nach einer Woche oder einem Jahr zu erhalten.

Beziehen Sie sich auf den folgenden Code.

localStorage.setItem("Vorname", "Ann");

document.getElementById("Ergebnis1").innerHTML = localStorage.getItem("Vorname");

Der obige Code erstellt einen lokalen Speicher mit Namens- und Wertepaar. Der Name ist „firstname“, während der Wert „Ann“ ist. Die zweite Zeile hilft, den Wert des Vornamens zu erhalten und ihn in das Element mit der ID namens result1 einzufügen.

Darüber hinaus ist es möglich, das localStorage-Element „firstname“ wie folgt zu entfernen.

localStorage.removeItem("Vorname");

Was ist sessionStorage

Die Funktionalität von sessionStorage ähnelt der von localStorage, speichert jedoch Daten nur für eine Sitzung. Daher werden die Daten gelöscht, wenn der Benutzer den Browser-Tab schließt. Es hilft also, dem Sitzungsspeicher Daten hinzuzufügen. Es ist möglich, von jeder Seite derselben Site darauf zuzugreifen, die in diesem Fenster geöffnet ist. Sobald der Benutzer das Fenster schließt, geht die Sitzung verloren. Ebenso erlaubt das sessionStorage-Objekt Zeichenfolgendaten einer bestimmten Sitzung.

Unterschied zwischen localStorage und sessionStorage

Definition

localStorage ist eine Art Webspeicherobjekt, das in HTML 5 verfügbar ist und das Speichern von Daten ohne Ablaufdatum ermöglicht. Im Gegensatz dazu ist sessionStorage eine Art Webspeicherobjekt, das in HTML 5 verfügbar ist und das Speichern von Daten für eine Sitzung ermöglicht.

Verwendungszweck

Abschluss

Kurz gesagt bietet HTML 5 Web Storage zwei Speicherobjekte zum Speichern von Daten auf dem Client-Rechner: localStorage und sessionStorage. Sie helfen dabei, eine größere Datenmenge lokal zu speichern als ein normales Cookie. Der Hauptunterschied zwischen localStorage und sessionStorage besteht jedoch darin, dass der localStorage Daten ohne Ablaufdatum speichert, während der sessionStorage Daten aus einer Sitzung speichert.

Verweise:

1.HTML5-Webspeicher, hier verfügbar. 2.Tutorialspoint.com. „HTML5-Webspeicher.“ www.tutorialspoint.com, hier verfügbar.

Bild mit freundlicher Genehmigung:

1. "HTML5 offizielles Logo" Von W3C (CC BY 3.0) über Commons Wikimedia