HTML5 : cap sur le stockage des données en local L'interface Storage de HTML5

Pour accéder de manière unifiée à sessionStorage et localStorage, l'interface Storage a été définie. Le modèle de données est un tableau associatif de paires clé/valeur, accessible par trois fonctions nommées setItem(), getItem(), removeItem() :

 setItem(cle,valeur) : stocke une paire clé/valeur ;
 getItem(cle) : retourne la valeur associée à une clé ;
 removeItem(cle) : supprime la paire clé/valeur en indiquant le nom de la clé.

Toutes les valeurs sont de type chaîne de texte (String). Bien qu'elles puissent être lues directement via les propriétés de l'objet Storage, comme tout autre objet JavaScript, il est fortement recommandé de s'en tenir aux méthodes prévues à cet effet.

L'interface Storage est aussi munie d'une propriété length et de deux méthodes complémentaires :

 length : nombre total de paires clé/valeur stockées ;
 key(index) : retourne la clé stockée à l'index spécifié ;
 clear() : efface toutes les paires.


L'outil essentiel pour expérimenter Web Storage reste la console JavaScript, fournie par tous les bons navigateurs avec leurs extensions de développement, par exemple Firebug pour Firefox (onglet Console) ou les Outils de développement sous Google Chrome. Elle permet de s'assurer du bon fonctionnement de l'interface, de consulter à un moment donné l'état du stockage et de le modifier.