Detaillierte Einführung in den lokalen Web-Storage-Speicher-js-Tutorial-php.cn

Detaillierte Einführung in den lokalen Web-Storage-Speicher

php中世界最好的语言

Freigeben： 2017-12-02 10:17:23

Original

1811 Leute haben es durchsucht

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.变量名称 = 值

Nach dem Login kopieren

Wert:

window.localStorage.getItem(“变量名称”)-à localStorage.变量名称

Nach dem Login kopieren

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  .变量名称 = 值

Nach dem Login kopieren

Wert:

window. sessionStorage  .getItem(“变量名称”)-à sessionStorage  .变量名称
sessionStorage:

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!