LocalStorage ist lokal gespeichert, die für die langfristige Erhaltung von Daten auf der gesamten Website verwendet werden können.
Dieses Objekt kann in der JavaScript -Sprache über Window.LocalStorage oder LocalStorage aufgerufen werden.
Merkmal1) Einschränkungen derselben Quellstrategie. Wenn Sie die gleiche Lokalstorung zwischen verschiedenen Seiten betreiben möchten, müssen diese Seiten unter demselben Protokoll, demselben Hostnamen und demselben Port sein. (IE8- und 9 Speicherdaten basieren auf demselben Hostnamen, wobei die Anforderungen des Protokolls (HTTP und HTTPS) und die Portnummer ignoriert werden)
2) Nur lokal gespeichert. Die Daten von LocalStorage werden nicht mit der HTTP -Anfrage an den Server gesendet, der nur lokal wirksam wird.
3) Permanente Erhaltung. Die gespeicherten Daten sind erst dann abgelaufen, als man die manuelle Entfernung entfernen konnte.
4) Speichermethode. Die Speichermethode von LocalStorage wird hergestellt und wert. Der Wert des Wertes muss ein String -Typ sein (nicht der Nicht -String, und er wird auch während des Speichers in eine Zeichenfolge konvertiert. Der wahre Wert wird in true konvertiert).
5) Speichergrenze: Verschiedene Browser speichern die Obergrenze, aber die meisten Browser beschränken die Obergrenze auf weniger als 5 MB.
6) Mit dem Browser teilen. Lokal -Storage -Daten können zwischen denselben Seiten mit verschiedenen Registerkarten desselben Browsers geteilt werden.
Browser MindestversionsunterstützungDie kleinste Version des LocalStorage -Browsers: IE8, Chrome 5.
Anwendbares SzenarioLocalStorage ist für 2 Orte besser geeignet:
1) Temporäres Erhaltungsschema mit großen Daten. Wie automatische Erhaltung von Online -Bearbeitungsartikeln.
2) Multi -Page -Zugriff gemeinsame Daten. SessionStorage gilt nur für dieselbe Registerkartenseite.
EigentumReadonly int localStorage.Length: Geben Sie eine Ganzzahl zurück, in der die Anzahl der im LocalStorage -Objekt gespeicherten Datenelemente (Schlüsselwertepaare) angezeigt werden.
VerfahrenString localStorage.Key (int Index): Gibt den Schlüsselnamen der Index -Seriennummer des aktuellen LocalStorage -Objekts zurück. Wenn nicht zurückgegeben null.
StringLocalStorage.getItem (String -Schlüssel): Der Wert, der dem Schlüsselnamen (Schlüssel) entspricht. Wenn nicht zurückgegeben null.
VoidLocalStorage.setItem (String -Schlüssel, Stringwert): Diese Methode akzeptiert einen Schlüsselnamen (Schlüssel) und den Wert als Parameter, um den Schlüsselwert zum Speicher hinzuzufügen.
VoidLocalStorage.removeItem (String -Schlüssel): Entfernen Sie den angegebenen Schlüsselnamen aus dem LocalStorage -Objekt.
VoidLocalStorage.clear (): Löschen Sie alle Elemente des LocalStorage -Objekts.
EreignisSpeicherung: Wenn Änderungen an LocalStorage ausgelöst werden, wird dieses Ereignis ausgelöst.
Dieser Vorfall hat einen anderen Triggermechanismus in IE 11 und Chrome:
1) Ob die aktuelle Seite ausgelöst wird: Wenn die aktuelle Seite von LocalStorage betrieben wird, ist dies die aktuelle Seite, die dieses Ereignis auch auslöst.
2) Wiederholen Sie den Betrieb von LocalStorage: Wenn Sie doppelte Daten einreichen, wird dh 11 dieses Ereignis ausgelöst, und Chrome löst diesen Vorfall nicht aus.
Speicherdaten Verwenden Sie die SetItem () -Methode zum Speichern LocalStorage.setItem ('testKey', 'Dies ist ein Testwert "); // Durch Attribute speichernLocalStorage ['TestKey'] = 'Dies ist der Wertwert eines Tests';Daten abrufen Wert durch die GetItem () -Methode
LocalStorage.getItem ('TestKey'); Wert nach AttributLOCALSTORAGE ['TestKey'];JSON -Objekt speichern
LocalStorage kann auch JSON -Objekte speichern: Während des Speichers wird das Objekt über JSON.Stringify () in Textformat konvertiert.
var userntity = {name: 'tom', Alter: 22}; : 获取到的 JSON 字符串转换回对象 var userjonstr = localStorage .getItem ('user'); userEntity = json.Parse (userJSONSEM); console.log (userEntity.name);