Information Technology Reference
In-Depth Information
Abbildung 8.1:
Unterschiede zwischen »sessionStorage« und Cookies in zwei Fenstern
Der zentrale Teil des JavaScript-Codes für das Beispiel in Abbildung 8.1 sieht
wie folgt aus:
window.onload = function() {
var currDate = new Date();
sessionStorage.setItem("currenttime",
currDate.toLocaleString());
document.cookie =
"currenttime="+currDate.toLocaleString();
updateHTML();
}
function updateHTML() {
document.getElementById("currenttime").innerHTML =
sessionStorage.getItem("currenttime");
document.getElementById("currtimeCookie").innerHTML
= getCookie("currenttime");
}
Sobald die Webseite geladen ist (
window.onload
-Funktion), wird sowohl im
sessionStorage
als auch im Cookie das aktuelle Datum (inklusive Uhrzeit) ge-
speichert. Die
updateHTML
-Funktion setzt die entsprechenden Werte in zwei
HTML-Elementen auf der Webseite ein. Wird die Webseite in zwei verschie-
denen Browser-Fenstern geöffnet, so wird beim Öffnen des zweiten Fensters
die Cookie-Variable
currenttime
überschrieben. Beim Aufruf der
updateHTML
-
Funktion im ersten Fenster unterscheiden sich die Inhalte des
sessionStorage
und des Cookies.
