HTML5-Tutorial – Webspeicher

In diesem Artikel werden einige Beispiele für HTML5-Tutorials kurz vorgestellt. Freunde in Not können es teilen.

HTML5 bietet zwei neue Methoden zum Speichern von Daten auf der Clientseite:

1. localStorage – Datenspeicherung ohne zeitliche Begrenzung;

2 Lagerung.

Früher wurde dies alles durch Kekse 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. In HTML5 werden Daten nicht bei jeder Serveranfrage übergeben, sondern Daten werden nur verwendet, wenn sie angefordert werden. Es ermöglicht die Speicherung großer Datenmengen, ohne die Leistung der Website zu beeinträchtigen. Für verschiedene Websites werden Daten in unterschiedlichen Bereichen gespeichert und eine Website kann nur auf ihre eigenen Daten zugreifen.

HTML5 verwendet JavaScript zum Speichern und Zugreifen auf Daten.

localStorage-Methode:

localStorage-Methode hat keine zeitliche Begrenzung der gespeicherten Daten. Die Daten sind auch nach dem nächsten Tag, der nächsten Woche oder dem nächsten Jahr noch verfügbar.

So erstellen Sie localStorage und greifen darauf zu:

Beispiel:

<script type=”text/javascript”>localStorage.lastname=”Smith”;
document.write(localStorage.lastname);</script>

Das folgende Beispiel zählt, wie oft ein Benutzer eine Seite besucht:

Beispiel:

<script type=”text/javascript”>
if (localStorage.pagecount){
localStorage.pagecount=Number(localStorage.pagecount) +1;}
else{localStorage.pagecount=1;}
document.write(“Visits “+ localStorage.pagecount + ” time(s).”);
</script>

sessionStorage-Methode

Die sessionStorage-Methode speichert Daten für eine Sitzung. Die Daten werden gelöscht, wenn der Nutzer das Browserfenster schließt.

So erstellen Sie einen Sitzungsspeicher und greifen darauf zu:

Beispiel:

<script type=”text/javascript”>sessionStorage.lastname=”Smith”;
document.write(sessionStorage.lastname);</script>

Das folgende Beispiel zählt, wie oft ein Benutzer eine Seite in der aktuellen Sitzung besucht: Beispiel :

 <script type=”text/javascript”>
 if (sessionStorage.pagecount){
 sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;}
 else{sessionStorage.pagecount=1;}
 document.write(“Visits “+sessionStorage.pagecount+” time(s) this session.”);
 </script>

Das Obige ist der Inhalt von HTML5 Tutorial-Web Storage. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!