Propriedade Window sessionStorage

Definição e uso

localStorage e sessionStorage A propriedade permite salvar pares de chave/valor no navegador da Web.

sessionStorage O objeto armazena apenas dados de uma sessão (os dados serão excluídos ao fechar a aba do navegador).

Dica:Veja também Propriedade localStorage，esta propriedade armazena 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 seguinte, na semana ou no ano seguinte.

Exemplo

Exemplo 1

Crie um par de nome="lastname" e valor="Smith" no sessionStorage, então recupere o valor de "lastname" e insira-o no elemento com id="result":

// Salvar
sessionStorage.setItem("lastname", "Smith");
// Recuperar
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

Experimente você mesmo

Exemplo 2

O exemplo a seguir calcula o número de vezes que o usuário clicou no botão na sessão atual:

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Você clicou no botão " +
sessionStorage.clickcount + " vez(es) nesta sessão.";

Experimente você mesmo

Sintaxe

window.sessionStorage

Sintaxe para salvar dados no sessionStorage:

sessionStorage.setItem("key", "value");

Sintaxe para ler dados do sessionStorage:

var lastname = sessionStorage.getItem("key");

Sintaxe para excluir dados do sessionStorage:

sessionStorage.removeItem("key");

Sintaxe para excluir todos os dados salvos no sessionStorage:

sessionStorage.clear();

Detalhes técnicos

Retorno: Objeto Storage

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta plenamente o atributo.

Atributo Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5