Was sind die beiden Speichermethoden von HTML5?-Front-End-Fragen und Antworten-php.cn

Was sind die beiden Speichermethoden von HTML5?

青灯夜游

Freigeben： 2022-01-23 17:36:24

Original

2353 Leute haben es durchsucht

Die beiden Speichermethoden von HTML5 sind: 1. Anwendungscache (Anwendungscache), Webanwendungen können zwischengespeichert und auch ohne Netzwerk verwendet werden. 2. Lokaler Speicher (localStorage oder sessionStorage), der auf dem Client verwendet werden kann Daten speichern.

Was sind die beiden Speichermethoden von HTML5?

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

1.Anwendungscache

HTML5 führt den Anwendungscache ein, was bedeutet, dass Webanwendungen zwischengespeichert und auch ohne Netzwerk verwendet werden können. Der Anwendungscache verfügt über drei Funktionen: Offline-Browsing im HTML-Tag

Jede Seite mit einem angegebenen Manifest wird zwischengespeichert, wenn der Benutzer darauf zugreift. Wenn das Manifest-Attribut nicht angegeben ist, wird die Seite nicht zwischengespeichert (es sei denn, es wird direkt in der Manifestdatei angegeben).

Die empfohlene Dateierweiterung für Manifestdateien ist: „.appcache“.

<!DOCTYPE HTML>
<html manifest="demo.appcache">

<body>
The content of the document......
</body>

</html>

Nach dem Login kopieren

Manifestdateien sind einfache Textdateien, die dem Browser mitteilen, was zwischengespeichert wird (und was nicht).

Manifestdateien können in drei Teile unterteilt werden:

FALLBACK – Die unter dieser Überschrift aufgeführten Dateien geben die Fallback-Seite an, wenn auf die Seite nicht zugegriffen werden kann (z. B. eine 404-Seite)

Eine vollständige Manifestdatei

CACHE MANIFEST  
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html5/ /404.html

Nach dem Login kopieren

2. Lokaler Speicher

HTML5 bietet zwei neue Möglichkeiten zum Speichern Daten auf der Client-Seite:

Vorher wurden diese alles durch Cookies erledigt. Cookies eignen sich jedoch nicht zum Speichern großer Datenmengen, da sie bei jeder Anfrage an den Server weitergeleitet werden, was Cookies langsam und ineffizient macht.

Sowohl localStorage als auch sessionStorage haben die gleichen Operationsmethoden, wie setItem(), getItem() und removeItem() usw.

Methoden von localStorage und sessionStorage:

setItem speichert den Wert

Verwendung: Wert im Schlüsselfeld speichern

Verwendung: setItem(key, value)

Codebeispiel:

sessionStorage.setItem("key", "value");
localStorage.setItem("site", "js8.in");

Nach dem Login kopieren

getItem ruft Wert ab
Verwendung: .getItem(key)

var value = sessionStorage.getItem("key"); 
var site = localStorage.getItem("site");

Nach dem Login kopieren

removeItem delete key

Zweck: Den angegebenen Schlüssel löschen. Lokal gespeicherte Werte.

Verwendung: .removeItem(key)
Codebeispiel:

sessionStorage.removeItem("key"); 
localStorage.removeItem("site");

Nach dem Login kopieren

clear alle Schlüssel/Werte löschen
Verwendung: alle Schlüssel/Werte löschen
Verwendung: .clear()

sessionStorage ist kein dauerhafter Speicher und wird nach dem Schließen des Browsers gelöscht. LocalStorage wird für die dauerhafte lokale Speicherung verwendet, sofern die Daten nicht aktiv gelöscht werden.

Verwandte Empfehlungen: „

HTML-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonWas sind die beiden Speichermethoden von HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!