HTML5 LocalStorage Zusammenfassung

In HTML5 wird eine neue Lokalstor -Funktion hinzugefügt. 5 m Größe, die in verschiedenen Browsern unterschiedlich sein wird.

1. LocalStorage erweitert das 4K -Keksgrenze

2. Lokalstors können die ersten Anforderungsdaten in der Region speichern. . Unterstützung

1. Die Größe des Browsers ist nicht einheitlich, und die IE -Version über IE8 unterstützt nur das Attribut von LocalStorage

2. Derzeit begrenzt alle Browser den Wert von LocalStorage als String -Typ.

3. LocalStorage kann im Datenschutzmodus des Browsers nicht lesen

4. LocalStorage wird im Wesentlichen auf der Zeichenfolge gelesen.

5. LocalStorage kann nicht von Crawler gefangen werden

Der einzige Unterschied zwischen LocalStorage und SessionStorage besteht darin, dass LocalStorage zur dauerhaften Speicherung und SessionStorage zum Ende der Sitzung gehört.

Hier verwenden wir LocalStorage, um zu analysieren

Hier ist eine Sonderaussage. Meinung zum Blogger

Zunächst müssen wir bei der Verwendung von LocalStorage feststellen, ob der Browser das Attribut von LocalStorage unterstützt

 if (! window.localStorage) {alert (Browser unterstützt Lokalstor);

Es gibt drei Möglichkeiten, LocalStorage, Lokalstorage, zu schreiben.

 if (! windel TORAGE [C] );}

Die Ergebnisse nach der Laufzeit sind wie folgt:

Hier sollten wir ausdrücklich erklären, dass die Verwendung von LocalStorage auch der gleichen -Origin -Strategie folgt, sodass verschiedene Websites nicht dieselbe Lokalstorage teilen können

Schließlich lautet das auf der Konsole gedruckte Ergebnis:

Ich weiß nicht, ob die Leser bemerkt haben, dass der Int -Typ gerade gespeichert wurde, aber der Druck ist mit den Eigenschaften des Lokalstors selbst zusammenhängt.

 if (! Window.LocalStorage) {alert (Browser unterstützt Lokale);} else {var Storage = Window.LocalStorage; // in das C -Feldspeicher einschreiben (c, 3); /Die erste Methode Var A = Storage.A; .GetItem (c);

Dies sind drei Möglichkeiten, LocalStorage zu lesen

Ich sagte, dass die Lokalstorung einer Front -End -Datenbank entspricht.

Sprechen wir über die beiden Schritte des Löschens und der Änderung der Lokalstorage.

Es ist besser, diesen Schritt zu verstehen.

 if (! Window.LocalStorage) {alert (Browser unterstützt Lokalstor);} else {var Storage = Window.LocalStorage; 1; ]);

Auf dieser Konsole können wir sehen, dass der A -Schlüssel in 4 geändert wurde

1. Löschen Sie den gesamten Inhalt der Lokalstorage

 Var Storage = Fenster.LocalStorage;

2. Löschen Sie einen Schlüsselwert in LocalStorage

 var Storage = Fenster.LocalStorage;

Die Konsolenansichtsergebnisse

 var Storage = Fenster.LocalStorage; Dann, dann logar (Schlüssel);}

Verwenden Sie die Methode Key (), um den entsprechenden Schlüssel aus dem Index des In -und -out -Index zu erhalten

Im Allgemeinen werden wir JSON in LocalStorage aufbewahren, aber LocalStorage umwandelt automatisch LocalStorage in Zeichenfolgenformulare um.

Zu diesem Zeitpunkt können wir JSON.Stringify () verwenden, um JSON in JSON String umzuwandeln

Beispiel:

 if (! window.localstorage) {alert (Browser unterstützt Lokalstor);} else {var storate = window.localstorage; D = JSON.Stringify (Daten);

Nach dem Lesen muss die JSON -Zeichenfolge in ein JSON -Objekt umgewandelt werden, und die Methode jSON.Parse () wird verwendet, um die Methode json.parse () zu verwenden

 var Storage = Fenster.LocalStorage; JSON -String in JSON -Objekt -Ausgabe var JSON = Storage.getItem (Daten);

Drucken Sie es ist Objektobjekt

Eine andere Sache zu beachten ist, dass andere Typen vorgelesen werden müssen.

Die oben genannte Zusammenfassung der HTML5 -Nutzung des Herausgebers. Ich hoffe, dass es für alle hilfreich ist. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!