Armazenamento Web HTML

Com o armazenamento na Web, os aplicativos da Web podem armazenar dados localmente no navegador do usuário.
O armazenamento na Web é mais seguro e grandes quantidades de dados podem ser armazenadas localmente, sem afetar o desempenho do site.
O armazenamento na Web é por origem, ou seja, por domínio e protocolo. Todas as páginas, de uma origem, podem armazenar e acessar os mesmos dados.

API e armazenamento na Web

Google= 4,0
Microsoft Edge= 8.0
Firefox= 3,5

Objetos de armazenamento na Web HTML

O armazenamento web HTML fornece dois objetos para armazenar dados no cliente:
window.localStorage - armazena dados sem data de validade
window.sessionStorage - armazena dados de uma sessão

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

O objeto localStorage

O objeto localStorage armazena os dados sem data de expiração.
Os dados não serão excluídos quando o navegador for fechado e estarão disponíveis no dia, semana ou ano seguinte.

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

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