Introdução
O HTML5 fornece dois novos métodos para armazenar dados no lado do cliente, que são armazenamento de dados persistente localStorage e armazenamento de dados conversacional sessionStorage.
objeto localStorage
Os dados armazenados pelo objeto localStorage não têm limite de tempo, por isso são chamados de armazenamento persistente e o armazenamento de dados fica disponível por um longo tempo.
Antes de usar esses objetos, é melhor verificar se o navegador é compatível. O código de verificação é o seguinte:
if(typeof(Storage)!="undefined") {
//是的! 支持 localStorage sessionStorage对象! //一些代码...}
else { //抱歉! 不支持web存储。 }
O objeto localStorage e o objeto sessionStorage têm os mesmos métodos, apenas os nomes dos objetos são diferentes.
Métodos comuns de objetos localStorage:
localStorage.setItem(key,value)：保存数据。
localStorage.getItem(key)：读取数据。
localStorage.removeItem(key)：删除单个数据。
localStorage.clear()：删除所有数据。
localStorage.key(index)：得到某个索引的key。
objeto sessionStorage
O objeto sessionStorage armazena dados para uma sessão. O ciclo de armazenamento de dados é curto,Quando o usuário fecha a janela do navegador, os dados serão excluídos. Os métodos desse objeto são iguais aos do objeto localStorage.