Heim > Artikel > Web-Frontend > Was sind die beiden Speichermethoden von HTML5?
Was sind die beiden Speichermethoden von HTML5?
- 青灯夜游Original
- 2022-01-23 17:36:242327Durchsuche
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.
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>Manifestdateien sind einfache Textdateien, die dem Browser mitteilen, was zwischengespeichert wird (und was nicht).
- Manifestdateien können in drei Teile unterteilt werden:
- CACHE MANIFEST – die unter dieser Überschrift aufgeführten Dateien werden nach dem ersten Download zwischengespeichert.
- NETWORK – die unter dieser Überschrift aufgeführten Dateien erfordern eine Verbindung zum Server und werden nicht zwischengespeichert
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 ManifestdateiCACHE MANIFEST # 2012-02-21 v1.0.0 /theme.css /logo.gif /main.js NETWORK: login.asp FALLBACK: /html5/ /404.html2. Lokaler SpeicherHTML5 bietet zwei neue Möglichkeiten zum Speichern Daten auf der Client-Seite:
- localStorage – Datenspeicherung ohne zeitliche Begrenzung
- sessionStorage – Datenspeicherung für eine Sitzung
- 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.
Methoden von localStorage und sessionStorage:
setItem speichert den Wert
Verwendung: Wert im Schlüsselfeld speichernVerwendung: setItem(key, value)
Codebeispiel:sessionStorage.setItem("key", "value");
localStorage.setItem("site", "js8.in");var value = sessionStorage.getItem("key");
var site = localStorage.getItem("site");removeItem delete key
Zweck: Den angegebenen Schlüssel löschen. Lokal gespeicherte Werte.Verwendung: .removeItem(key)
Codebeispiel:
sessionStorage.removeItem("key");
localStorage.removeItem("site");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: „
“
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!