Almacenamiento web HTML

Con el almacenamiento web, las aplicaciones web pueden almacenar datos localmente dentro del navegador del usuario.
El almacenamiento web es más seguro y se pueden almacenar grandes cantidades de datos localmente, sin afectar el rendimiento del sitio web.
El almacenamiento web es por origen, es decir, por dominio y protocolo. Todas las páginas, desde un mismo origen, pueden almacenar y acceder a los mismos datos.

API y almacenamiento web

Google= 4.0
Microsoft Edge= 8.0
Firefox= 3.5

Objetos de almacenamiento web HTML

El almacenamiento web HTML proporciona dos objetos para almacenar datos en el cliente:
window.localStorage - almacena datos sin fecha de vencimiento
window.sessionStorage - almacena datos para una sesión

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

El objeto de almacenamiento local

El objeto localStorage almacena los datos sin fecha de vencimiento.
Los datos no se eliminarán cuando se cierre el navegador y estarán disponibles al día, semana o año siguiente.

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

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