Java Reference
In-Depth Information
14.3.2■Ein Beispiel, um einfache Daten in einem
Local Storage abzulegen
Betrachten wir ein Beispiel für den Umgang mit
localStorage
(kap14_6.html):
Listing 14.24■
In der Webseite werden mit den Schaltlächen Daten gespeichert, ausgelesen
und gelöscht.
...
<script type="text/javascript" src="lib/js/kap14_6.js"></script>
</head>
<body>
<h1>Local Data Storage mit HTML5</h1>
<button id="b1">Speichere Zufallswert</button>
<button id="b2">Lese lokalen Speicher aus</button>
<button id="b3">Lösche lokalen Speicher</button>
<div id="ausgabe"></div>
</body>
</html>
Sie sehen eine einfache Webseite mit drei Schaltlächen. Damit wollen wir Daten lokal spei-
chern, auslesen und löschen. Hier ist die JavaScript-Datei
kap14_6.js
:
Listing 14.25■
Die lokale Speicherung mit HTML5
var counter = 0;
function testlokaleSpeicherung() {
try {
return 'localStorage' in window && window['localStorage'] !== null;
} catch(e) {
return false;
}
}
function init() {
if (testlokaleSpeicherung() == false) {
alert("Die lokale Speicherung ist nicht möglich");
return;
}
document.getElementById("b1").onclick = function() {
localStorage.setItem("key" + counter++, Math.random());
};
document.getElementById("b2").onclick = function() {
document.getElementById("ausgabe").innerHTML = "";
var j = 0;
for (i in localStorage) {
document.getElementById("ausgabe").innerHTML += localStorage.key(j++)
+ ": " + localStorage.getItem(i) + "<br />";
}
};
document.getElementById("b3").onclick = function() {
counter = 0;
localStorage.clear();
};
}
window.onload = init;
Search WWH ::
Custom Search