HTML5 in der mobilen Webentwicklung - HTML5-Apps fur iPhone und Android - page 170

{
alert ('No sessionStorage!');
return;
}

2.6.2 sessionStorage und localStorage

Betrachten wir zunächst den sessionStorage genauer. Die Benutzung von
sessionStorage und localStorage ist analog, sie unterscheidet sich lediglich in der
Dauer der Datenspeicherung.

Der sessionStorage speichert alle Daten, die einer Browsersession zugehörig sind.
Sobald das aktuelle Fenster oder Tab geschlossen wird, werden die damit verbundenen
Daten des sessionStorage gelöscht. Pro Tab und Fenster stehen damit unabhängige
Session Storages zur Verfügung, die sich gegenseitig (anders als Cookies) nicht beein-
flussen.

Das Storage-Interface ist wie folgt definiert. Es ist exakt das Gleiche für
sessionStorage und localStorage :

interface Storage {
readonly attribute unsigned long length;
getter DOMString key(in unsigned long index);
getter any getItem(in DOMString key);
setter creator void setItem(in DOMString key, in any data);
deleter void removeItem(in DOMString key);
void clear();
};

Beginnen wir mit der getItem() -Methode, die dazu verwendet wird, Daten zu
speichern. Um unter dem Key name den Wert WebStorage abzulegen, würden wir
Folgendes in JavaScript schreiben:

sessionStorage.setItem('name', 'WebStorage');

Recht einfach, oder? Um später (auf der gleichen Webseite auf einer Folgeseite) auf
diesen Wert erneut zuzugreifen, schreiben wir:

var name sessionStorage.getItem('name');

Anstatt der Methoden setItem() / getItem() kann auch die Kurznotation verwendet
werden:

sessionStorage.name 'WebStorage';
var name sessionStorage.name;

Um die Anzahl der Keys abzurufen, kann das Attribut length des Storage verwendet
werden:

var msg 'Wir haben ' + sessionStorage.length + ' Elemente im
sessionStorage';