Heim  >  Artikel  >  Web-Frontend  >  Detaillierte grafische Erklärung von HTML5 Web Storage

Detaillierte grafische Erklärung von HTML5 Web Storage

黄舟
黄舟Original
2017-03-28 15:47:091345Durchsuche

Web Storage ist eine neue wichtige Funktion der HTML5 API;

, die im neuesten Web Storage-Entwurf erwähnt wird , die HTML5-API kann auf dem Web-Client verwendet werden, um Daten dauerhaft in Form von Schlüsselwerten zu speichern.

Derzeit unterstützen die wichtigsten Browser diese Funktion bereits 🎜>

Gemeinsamer Web-Client-Datenspeicher-Vergleich:

Html5 Web Storage ist sehr webfreundlich Es wird von Entwicklern verwendet und bietet eine sehr einfache API zum Abrufen oder Festlegen von Schlüssel-Wert-Paaren.

Die unterstützte Datengröße wird vom Hersteller des Webbrowsers festgelegt und die meisten unterstützen 5 Millionen oder mehr 10M;

Das bedeutet, dass wir mehr Informationen über Benutzer und Sitzungen auf dem Client speichern können, wie z. B. persönliche Benutzereinstellungen, lokalisierte Daten, Offline-Daten usw.; >

Auf die im Web Storage gespeicherten Daten kann mit Javascript zugegriffen werden.

Web StorageObjekt Hauptsächlich in zwei Typen unterteilt : sessionStorage und localStorage; ist nur innerhalb eines Sitzungsbereichs einer einzelnen Seite (Registerkarte oder Fenster) gültig. Wenn die Seitensitzung abläuft, werden die Daten daher auch

localStorage: erstreckt sich über mehrere Fenster und der Dauerbereich kann die Bedeutung der aktuellen Sitzung überschreiten dass beim Surfen die Daten immer noch verfügbar sind, wenn der Browser geschlossen und erneut geöffnet wird. Diese beiden Arten von Objekten sind ungültig, wenn auf Daten zwischen verschiedenen Browsern zugegriffen wird Erstellen Sie localStorage und greifen Sie im IE darauf zu, aber auf die Daten kann nicht zugegriffen werden.

Storage kann nur Schlüssel/Wert-Paare speichern und unterstützt nur den Typ

string

Daten

;

Wenn Sie Daten vom Typ speichern möchten, müssen Sie diese beim Speichern in eine Zeichenfolge umwandeln und beim Lesen wieder zurückkonvertieren >Die gespeicherten Daten sind nicht verschlüsselt, daher ist Web Storage zwar sehr leistungsfähig, aber nicht zum Speichern sensibler Daten geeignet

Web Storage unterstützt

Attribute

und Methoden:

Web Storage unterstützt Speicher Ereignis : Wenn die Daten im Webspeicher gespeichert, geändert oder gelöscht werden, wird das Speicherereignis ausgelöst.

Lösen Sie das Ereignisobjekt aus, einschließlich des Triggerobjekts, der URL und der Schlüsselwerte vor und nach Schlüssel-/Wertänderungen.

Obwohl die Spezifikation erfordert, dass das Speicherereignis von allen Fenstern oder Registerkarten im selben Browser ausgelöst werden kann, wird diese Funktion derzeit nur von wenigen Browsern unterstützt. .

Storage Event unterstützt die folgenden Attribute:

Das obige ist der detaillierte Inhalt vonDetaillierte grafische Erklärung von HTML5 Web Storage. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn