Stockage Web HTML

Avec le stockage Web, les applications Web peuvent stocker des données localement dans le navigateur de l'utilisateur.
Le stockage Web est plus sécurisé et de grandes quantités de données peuvent être stockées localement, sans affecter les performances du site Web.
Le stockage Web se fait par origine, c'est-à-dire par domaine et protocole. Toutes les pages, d'une seule origine, peuvent stocker et accéder aux mêmes données.

API et stockage Web

Google= 4.0
Microsoft Edge= 8.0
Firefox= 3.5

Objets de stockage Web HTML

Le stockage Web HTML fournit deux objets pour stocker les données sur le client :
window.localStorage - stocke les données sans date d'expiration
window.sessionStorage - stocke les données pour une session

if (typeof(Storage) !== "undefined") {
  // Code for localStorage/sessionStorage.
} else {
  // Sorry! No Web Storage support..
}

L'objet localStorage

L'objet localStorage stocke les données sans date d'expiration.
Les données ne seront pas supprimées à la fermeture du navigateur et seront disponibles le jour, la semaine ou l'année suivante.

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");