Heim > Web-Frontend > CSS-Tutorial > HTML-Webspeicher und Webspeicherobjekte

HTML-Webspeicher und Webspeicherobjekte

PHPz
Freigeben: 2024-07-17 00:32:30
Original
924 Leute haben es durchsucht

HTML web storage and web storage objects

HTML-Webspeicher

Mit Web Storage können Webanwendungen Daten lokal im Browser des Benutzers speichern.
Der Webspeicher ist sicherer und große Datenmengen können lokal gespeichert werden, ohne die Leistung der Website zu beeinträchtigen.
Der Webspeicher erfolgt pro Ursprung, d. h. pro Domäne und Protokoll. Alle Seiten von einem Ursprung können dieselben Daten speichern und darauf zugreifen.

API und Webspeicher

Google= 4.0
Microsoft Edge= 8.0
Firefox= 3.5

HTML-Webspeicherobjekte

HTML-Webspeicher bietet zwei Objekte zum Speichern von Daten auf dem Client:
window.localStorage – speichert Daten ohne Ablaufdatum
window.sessionStorage – speichert Daten für eine Sitzung

if (typeof(Storage) !== "undefined") {
  // Code for localStorage/sessionStorage.
} else {
  // Sorry! No Web Storage support..
}
Nach dem Login kopieren

Das localStorage-Objekt

Das localStorage-Objekt speichert die Daten ohne Ablaufdatum.
Die Daten werden beim Schließen des Browsers nicht gelöscht und sind am nächsten Tag, in der nächsten Woche oder im nächsten Jahr verfügbar.

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonHTML-Webspeicher und Webspeicherobjekte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage