Heim > Artikel > Web-Frontend > Detaillierte Einführung in den lokalen Web-Storage-Speicher
Dieser Artikel stellt Ihnen die Klassifizierung von Webspeicher, Client und Server vor und stellt Ihnen den Webspeicher vor. Mit der Entwicklung von Webanwendungen gibt es heute eine detaillierte Einführung in den Webspeicher -Speicherung. Die Speichermethode.
Webspeicher,
Lokaler Speicher
SitzungSpeicher:
1 Erkennen Sie, ob der Browser die Datenspeicherung unterstützt
Hinweis: Verwenden Sie in HTML5 Javascript zum Speichern und Zugreifen auf Daten.
2. Lokale Speichereinstellung/Datenabruf
Auf dem Client (Handy-Tablet...) ohne zeitliche Begrenzung gespeichert
Übliche Methode:
Zuweisung :
window.localStorage .setItem(“变量名称”,”val”) ---》localStorage.变量名称 = 值
Wert:
window.localStorage.getItem(“变量名称”)-à localStorage.变量名称
Hinweis: Das Testen von localStorage erfordert Tests in der PHP-Umgebung
3.sessionstorage Daten festlegen/abrufen
Serverseitig gespeichert (sohu Food World)
Zuweisung:
window. sessionStorage .setItem(“变量名称”,”val”) ---》sessionStorage .变量名称 = 值
Wert:
window. sessionStorage .getItem(“变量名称”)-à sessionStorage .变量名称 sessionStorage:
Browser schließen
Aufruf: sessionStorage.removeItem("bName"); Daten löschen
Fallcode:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <link rel="stylesheet" href="css/style.css"> </head> <script type="text/javascript"> //window.localStorage /sessionStorage //if(true) true 不空 0 0.0 “0” window.localStorage 有值 if(window.localStorage){ alert(111); } if(window.sessionStorage){ alert(222); } </script> <body> </body> </html>
Ich glaube, Sie haben es gemeistert, nachdem Sie diese Fälle gelesen haben Weitere spannende Methoden finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Verwandte Lektüre:
So legen Sie die Textschriftfarbe von CSS fest
So verwenden Sie die Farbanimation von Hover Animation in CSS3
Der Unterschied zwischen den Arten von Boxmodellen in CSS
Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in den lokalen Web-Storage-Speicher. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!