Was bedeutet Webspeicher in HTML5?

Die Bedeutung von Webspeicher in HTML5 besteht darin, dass Webseiten einige Informationen auf dem Computer des Benutzers speichern können. Mithilfe von HTML5 können die Browserdaten des Benutzers in lokalen Speicher und Sitzungsspeicher unterteilt werden, die lokalen Speicherobjekten entsprechen sessionStorage-Objekte; Lokaler Speicher wird verwendet, um Website-Daten für einen langen Zeitraum zu speichern, und Sitzungsspeicher wird verwendet, um Daten vorübergehend für ein Fenster zu speichern.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

Was bedeutet Web Storage in HTML5?

Die Web Storage-Funktion von HTML5 besteht darin, Webseiten das Speichern einiger Informationen auf dem Computer des Benutzers zu ermöglichen. Mithilfe von HTML5 ist es möglich, die Browserdaten des Benutzers lokal zu speichern.

Früher wurden beim lokalen Speicher Cookies verwendet. Der Webspeicher muss jedoch sicherer und schneller sein. Die Daten werden nicht auf dem Server gespeichert, sondern nur verwendet, wenn der Benutzer Website-Daten anfordert. Es können auch große Datenmengen gespeichert werden, ohne die Leistung der Website zu beeinträchtigen .

Daten liegen in Schlüssel/Wert-Paaren vor und die Daten einer Webseite können nur von dieser Webseite abgerufen und verwendet werden.

Webspeicher ist in zwei Typen unterteilt:

(1) Lokaler Speicher, entsprechend dem localStorage-Objekt. Wird verwendet, um Website-Daten über einen längeren Zeitraum zu speichern. Auf die Daten kann von jeder Seite der Website aus zugegriffen werden.

(2) Sitzungsspeicher, entsprechend dem sessionStorage-Objekt. Wird verwendet, um Daten für ein Fenster (oder eine Registerkarte) vorübergehend zu speichern. Diese Daten bleiben bestehen, bis der Besucher das Fenster oder den Tab schließt, und werden nach dem Schließen vom Browser gelöscht.

Ähnlichkeiten und Unterschiede zwischen lokalem Speicher und Sitzungsspeicher

(1) Die Betriebscodes von lokalem Speicher und Sitzungsspeicher sind genau gleich, ihr Unterschied besteht nur in der Lebensdauer der Daten.

(2) Der lokale Speicher wird hauptsächlich zum Speichern von Daten verwendet, die Besucher in Zukunft sehen können.

(3) Der Sitzungsspeicher wird zum Speichern von Daten verwendet, die von einer Seite zur nächsten Seite weitergegeben werden müssen.

Beschränkung der Webspeicherkapazität

Die meisten Browser beschränken den lokalen Speicher auf weniger als 5 MB. Dies hängt mit der Domain zusammen, auf der sich die Website befindet.

Verwendungsbeispiele für Webspeicher

Im Folgenden wird der lokale Speicher (localStorage) als Beispiel genommen, und der Sitzungsspeicher kann in ein SessionStorage-Objekt geändert werden.

(1) Speichern und Lesen von Textdaten localStorage.setItem("user_name","hangge.com");

var userName = localStorage.getItem("user_name");

(2) Speichern und Lesen von numerischen Werten localStorage.setItem("user_age",100) ;

var userAge = Number(localStorage.getItem("user_age"));

(3) Datum speichern und lesen //Datumsobjekt erstellen

var today = new Date();
//按照YYY/MM/DD的标准格式把日期转换成文本字符串，然后保存为文本
var todayString = today.getFullYear() + "/" + today.getMonth() + "/" + today.getDate();
localStorage.setItem("session_started", todayString);
//取得日期文本，并基于该文本创建新的日期对象
var newToday = new Date(localStorage.getItem("session_started"));
alert(newToday.getFullYear());

(Lernvideo-Sharing: CSS-Video-Tutorial, HTML-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas bedeutet Webspeicher in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!