Persistance des données (variables)

Le localStorage

Enregistré au niveau du navigateur, résiste à la fermeture de l'onglet, du navigateur et même au vidage de cache! La variable sera toujours disponible. L’utilisation du Local Storage est proche de celle des cookies, mais contrairement aux cookies, ces informations ne sont jamais communiquées au serveur. Le stockage fourni atteint suivant les navigateurs au moins 5 mégaoctets alors qu'il est de 4 ko pour chaque cookie. Ces objets sont ainsi particulièrement adaptés aux applications offline.

Le sessionStorage

Idem mais enregistré au niveau de l'onglet. Effacé à la fermeture de l'onglet ou du navigateur.

Syntaxe


localStorage.setItem("name", "John");

alert(localStorage.getItem("name"));
localStorage.removeItem("name")
localStorage.clear() //Efface tout.

Autre syntaxe possible:

if(!window.sessionStorage) document.write("Storage non supporté par le navigateur"); else { sessionStorage.nom = "Toto"; } // appel sur une quelconque autre page par: alert(sessionStorage.nom)