Kommentar: LocalStorage (Lokalspeicher) kann Daten für eine lange Zeit speichern, ohne Zeitlimit, ein Tag, ein Jahr, zwei Jahre oder sogar länger, können Daten verwendet werden, SessionStorage (Sitzungsspeicher), nur bevor der Browser geschlossen ist, kann beim Erstellen einer anderen Seite verwendet werden, und die Daten verschwinden nach dem Schließen des Browsers.
Verwenden Sie LocalStorage- und SessionStorage -Methoden des HTML5 -Webspeichers, um Webseitendaten LocalStorage zu speichern.
Die Seite wird wie in der Abbildung unten gezeigt verwiesen, und die Daten auf der Seite können lokal gespeichert werden. Und kann gespeicherte Daten lesen und auf der Seite anzeigen.
LocalStorage (lokaler Speicher) kann Daten für eine lange Zeit, ohne Zeitlimit, ein Tag, ein Jahr, zwei Jahre oder sogar länger, Daten verwendet werden.
SessionStorage, die nur vor der Schließung des Browsers verwendet werden kann, kann beim Erstellen einer anderen Seite verwendet werden, und die Daten verschwinden nach dem Schließen des Browsers.
Die Test -Kompatibilitätssituation eines Bloggers -Tests eines Bloggers lautet wie folgt:
Chrome4+ beginnt mit der Unterstützung von LocalStorage
Firefox3.5+ beginnt, LocalStorage zu unterstützen
Firefox1.5+ unterstützt GlobalStorage
IE8+ unterstützt LocalStorage
IE7 -Kompatibilitätsmodus unterstützt Lokalstorage
IE5.5+ unterstützt UserData
Safari 4+ unterstützt LocalStorage
Opera10.5+ unterstützt LocalStorage
<! DocType html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> </title>
<style type = "text/css">
textarea {
Breite: 300px;
Höhe: 300px;
}
.Taste {
Breite: 100px;
}
</style>
</head>
<body>
<script type = "text/javaScript">
// Verwenden Sie Lokalstor- und SessionStorage -Methoden des HTML5 -Webspeichers für den lokalen Speicher von Webseitendaten.
// Siehe die folgende Abbildung, um die Daten auf der Seite lokal zu speichern. Und kann gespeicherte Daten lesen und auf der Seite anzeigen.
Funktion saveSession () {
var t1 = document.getElementById ("t1");
var t2 = document.getElementById ("t2");
var mydata = t2.value;
var ostorage = window.SessionStorage;
ostorage.mydata = mydata;
T1.Value + = "SessionStorage Speichern Sie mydata:" + mydata + "/n";
}
Funktion readSession () {
var t1 = document.getElementById ("t1");
var ostorage = window.SessionStorage;
var mydata = "nicht existieren";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.Value + = "SessionStorage liest mydata:" + mydata + "/n";
}
Funktionsreinigung () {
var t1 = document.getElementById ("t1");
var ostorage = window.SessionStorage;
var mydata = "nicht existieren";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
ostorage.removeItem ("mydata");
T1.Value + = "SessionStorageClear mydata:" + mydata + "/n";
}
Funktion Savestorage () {
var t1 = document.getElementById ("t1");
var t2 = document.getElementById ("t2");
var mydata = t2.value;
var ostorage = window.localStorage;
ostorage.mydata = mydata;
T1.Value + = "LocalStorage Save Mydata:" + mydata + "/n";
}
Funktion readstorage () {
var t1 = document.getElementById ("t1");
var ostorage = window.localStorage;
var mydata = "nicht existieren";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.Value + = "LocalStorage liest mydata:" + mydata + "/n";
}
Funktion CleanStorage () {
var t1 = document.getElementById ("t1");
var ostorage = window.localStorage;
var mydata = "nicht existieren";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
ostorage.removeItem ("mydata");
t1.Value + = "LocalStorageClear mydata:" + mydata + "/n";
}
</script>
<div>
<textarea> </textArea>
<Label> Daten zu speichern: </label>
<Eingabe type = "text" />
<input type = "button" value = "sissionsave" />
<Eingabe type = "Schaltfläche" value = "Session Read" />
<Eingabe type = "Taste" value = "Session Clear" />
<Eingabe type = "Taste" value = "Local Save" />
<input type = "button" value = "Lokal lesen" />
<Eingabe type = "Taste" value = "localClear" />
</div>
</body>
</html>