Der Meister erklärt Ihnen localstorge und seesionstorage ausführlich

Der Inhalt dieses Artikels handelt von Localstorage und Seesionsstorage. Freunde in Not können darauf verweisen. [Erweitertes Tutorial: Html5-Tutorial]

Mit der sessionStorage-Eigenschaft können Sie auf ein Sitzungsspeicherobjekt zugreifen. Es ähnelt localStorage, außer dass die in localStorage gespeicherten Daten keine Ablaufzeiteinstellung haben, während die in sessionStorage gespeicherten Daten gelöscht werden, wenn die Seitensitzung endet. Die Seitensitzung wird beibehalten, während der Browser geöffnet ist. Durch das erneute Laden oder Wiederherstellen der Seite wird die ursprüngliche Seitensitzung beibehalten. Durch das Öffnen einer Seite in einem neuen Tab oder Fenster wird eine neue Sitzung initialisiert, was sich von der Funktionsweise von Sitzungscookies unterscheidet.

Schreibgeschützter localStorage ermöglicht Ihnen den Zugriff auf den Remote-(Ursprungs-)Objektspeicher eines Dokuments; die Daten werden als browserübergreifende Sitzung gespeichert. localStorage ähnelt sessionStorage. Der Unterschied besteht darin, dass die in localStorage gespeicherten Daten unbegrenzt sind und die in sessionStorage gespeicherten Daten gelöscht werden, wenn die Seitensitzung endet, d. h. wenn die Seite geschlossen wird.

Einfach ausgedrückt ist localStorage eine browserbasierte Speicherlösung. Der Unterschied zwischen sessionStorage und session besteht darin, dass SessionStorage nur auf einer Seite zurückgesetzt wird. Es ist zu beachten, dass die Daten unabhängig davon, ob sie in localStorage oder sessionStorage gespeichert sind, spezifisch für das Protokoll der Seite sind

Grundlegende Verwendung

Zuerst schauen wir uns die Funktionsweise von sessionStorage an

1. Daten in sessionStorage speichern sessionStorage.setItem('key', 'value');

2. Daten aus sessionStorage abrufen

var sessionData = sessionStorage.getItem('key');

3. Gespeicherte Daten aus sessionStorage löschen

sessionStorage.removeItem('key');

4. Alle entfernen

sessionStorage.clear();

Derselbe localStorage hat einen ähnlichen Vorgang

1. Daten speichern

localStorage.setItem(`key`, `value`);

3. Löschen Sie einzelne Daten

let cat = localStorage.getItem(`key`);

4. Entfernen Sie alle

localStorage.removeItem(`key`);

Sie können localStorage.length verwenden, um die Anzahl der Schlüssel-Wert-Paare in localStorage abzurufen. Sie können auch localStorage.key verwenden ()-Methode zum Durchlaufen des localStorage-Schlüsselwerts.

Speicherereignis

Wenn sich die gespeicherten Daten ändern, wird das Speicherereignis ausgelöst. Es ist jedoch zu beachten, dass es sich von dem Klickereignis unterscheidet, das erfasst und in die Luft sprudelt. Das Speicherereignis ähnelt eher einer Benachrichtigung und kann nicht abgebrochen werden. Durch das Auslösen dieses Ereignisses werden die Speicherereignisse anderer Fenster in derselben Domäne aufgerufen, das Fenster, das die Speicherung auslöst (d. h. das aktuelle Fenster), löst dieses Ereignis jedoch nicht aus. Die allgemeinen Attribute des Ereignisobjekts des Speichers sind wie folgt (das aktuelle Fenster wird nicht ausgelöst, andere Fenster werden ausgelöst).

Die häufig verwendeten Attribute von changeEvent sind wie folgt:

localStorage.clear();

Das obige ist der detaillierte Inhalt vonDer Meister erklärt Ihnen localstorge und seesionstorage ausführlich. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!