Vor dem Erscheinen von HTML5, wenn der Entwickler eine kleine Datenmenge über den Kunden speichern muss, kann er nur über Cookies implementiert werden. Es gibt jedoch mehrere unzureichende Punkte für Cookies:
• Die Größe der Cookies unter jedem Domainnamen ist auf 4 KB begrenzt.
• Cookie wird in jede HTTP -Anfrage enthalten, die doppelte Daten verursacht.
• Cookie hat während der Netzwerkübertragung keine Verschlüsselung und es besteht versteckte Sicherheitsrisiken.
Die Webspeicherfunktion wird zu HTML5 hinzugefügt. Web Storage hat jetzt die Unterstützung von Firefox, Opera, Chrome, Safari's Mainstream -Browsern erhalten.
Einführung in den WebspeicherDer Webspeicher ist in Sitzungspeicher und lokaler Speicher unterteilt:
Sitzungspeicher: Ähnlich wie bei der Sitzung ist die durch Sitzungspeicher gespeicherte Datenüberlebenszeit mit der Sitzungszeit am Ende der Benutzersitzung, die durch Sitzungspeicher gespeicherten Daten verschwinden. Lokaler Speicher: Die vom lokalen Speicher gespeicherten Daten wurden immer lokal lokal, sofern der Benutzer oder das Programm ausdrücklich klar ist, dass diese Daten im gleichen vorhanden sind.Das Fensterobjekt enthält zwei Attribute von SessionStorage und LocalStorage, die den Sitzungsspeicher und den lokalen Speicher darstellen. Diese beiden Funktionen und diese Verwendung sind fast gleich, haben jedoch unterschiedliche Überlebenszeiten zum Speichern von Daten. Die Speicherung bietet die folgenden Attribute und Methoden (als Beispiel nehmen Sie LocalStorage):
• LocalStorage.Length: Holen Sie sich die Anzahl der Schlüsselwertpaare;
• LocalStorage.Key (Index): Schlüssel zum Erhalten des Index des Indexindex;
• localStorage.getItem (Schlüssel): Erhalten Sie den Wert, der dem angegebenen Schlüssel entspricht;
• LocalStorage.SetItem (Schlüssel, Wert): Speichern Sie das angegebene Schlüsselwertpaar;
• LocalStorage.RemoveItem (Schlüssel): Löschen Sie das Schlüsselwertpaar des Schlüsselwerts, das dem angegebenen Schlüssel entspricht;
• LocalStorage.Clear (): Alle Schlüsselwertpaare löschen.
Es ist zu beachten, dass sowohl der Schlüssel als auch der Wert eine Zeichenfolge sein müssen. Einige Daten, die keine Zeichenfolge sind, können sie durch JSON und andere Methoden in ein String -Format umwandeln.
Webspeicher speichert mehrere Daten mit JSONWir sind mit der grundlegenden Verwendung verwandter Attribute und Methoden durch ein kleines Programm vertraut:
• Die grundlegenden Informationen zur Eingabe der Schüler (einschließlich der Anzahl der Schulnummern, Namen, Noten, Geschlecht) verwenden die Schulnummer als Schlüsselwert, um im lokalen Speicher zu speichern.
• Erforschen Sie die grundlegenden Informationen der Schüler über die Schulnummer;
• Zeigen Sie die Informationen aller Schüler.
Zunächst entwerfen wir die HTML -Seite
XML/HTML -Code -Inhalt in die Zwischenablage kopieren