SessionStorage ist ein neues Sitzungs -Speicherobjekt für HTML5. In diesem Artikel wird hauptsächlich die Verwendung von SessionStoraages eingeführt. Einschließlich Hinzufügen, Ändern, Löschen von Vorgängen.
SessionStorage ist ein neues Sitzungs -Speicherobjekt für HTML5.
Dieses Objekt kann in der JavaScript -Sprache über window.SessionStorage oder SessionStorage aufgerufen werden.
Merkmal1) Einschränkungen derselben Quellstrategie. Wenn Sie die gleiche SessionStorage zwischen verschiedenen Seiten betreiben möchten, müssen diese Seiten unter demselben Protokoll, demselben Hostnamen und demselben Port sein. (IE 8 und 9 Speicherdaten basieren auf demselben Hostnamen, der die Anforderungen des Protokolls (HTTP und HTTPS) und die Portnummer ignoriert)
2) Seitenlimit für ein Etikett. Die SessionStorage -Operation ist auf eine einzelne Registerkarte auf dieser Registerkartenseite beschränkt. Sie können die SessionStorage -Daten freigeben.
3) Nur lokal gespeichert. Die Daten von SesionStorage werden nicht mit der HTTP -Anforderung an den Server gesendet. (Wenn Sie die Registerkartenfunktion von Chrome wiederherstellen, werden auch die Daten von SeasionStorage wiederhergestellt.)
4) Speichermethode. Die Speichermethode von SeasionStorage basiert auf Schlüssel 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.
Browser MindestversionsunterstützungDie kleinste Version des Browser -Supports für SessionStorage: IE8, Chrome 5.
Geeignete SzeneSessionStorage ist sehr geeignet für Spa (einzelne Seitenanwendung), die für den Übertragungswert in jedem Geschäftsmodul bequem sein kann.
EigentumReadonly IntessionStorage.Length: Gibt eine Ganzzahl zurück und gibt die Anzahl der im SessionStorage -Objekt gespeicherten Datenelemente (Schlüsselwertepaare) an.
VerfahrenString SessionStorage.Key (Int -Index): Der Schlüsselname der Seriennummer des aktuellen SessionStorage -Objekts wird zurückgegeben. Wenn nicht zurückgegeben null. StringSessionStorage.getItem (String -Schlüssel): Der Wert des Schlüssellamens (Schlüssel). Wenn nicht zurückgegeben null. VoidSessionStorage.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. VoidSessionStorage.removeItem (String -Schlüssel): Entfernen Sie den angegebenen Schlüsselnamen aus dem SessionStorage -Objekt. voidSessionStorage.clear (): Alle Elemente des SessionStorage -Objekts löschen.
Speicherdaten Verwenden Sie die SetItem () -Methode zum SpeichernSessionStorage.SetItem ('TestKey', "Dies ist ein Testwert"); //Durch Attribute speichern
SessionStorage ['TestKey'] = 'Dies ist ein Wert des Tests. "Daten lesen Wert durch die GetItem () -Methode
SessionStorage.getItem ('TestKey');Wert nach Attribut
SessionStorage ['TestKey'];JSON -Objekt speichern
SessionStorage kann auch JSON -Objekte speichern: Beim Speichern wird das Objekt über JSON.Stringify () in Textformat konvertiert.
var usererntity = {name: 'tom', Alter: 22}; : Die JSON -String -Objekt -Var userjonstr = SessionStorage.GetItem ('Benutzer');
Das oben genannte HTML5 -SessionStorage -Speicherplatz, den ich Ihnen vorgestellt habe. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!