Atributo sessionStorage da Window

A propriedade sessionStorage permite que você acesse um objeto Session Storage. Deve-se notar que os dados armazenados no sessionStorage ou localStorage são específicos do protocolo da página.

Objeto Janela do JavaScript

estesessionStorageA propriedade de leitura apenas permite que você acesse um Session Storageobjeto.

As propriedades localStorage e sessionStorage permitem armazenar chaves/Os pares de valores são armazenados no navegador da Web.

O objeto sessionStorage armazena os dados de uma sessão do navegador. Quando o usuário fecha um determinado ícone de navegador, os dados são excluídos.

sessionStorage é semelhante a localStorage; a única diferença é que os dados armazenados no localStorage não têm data de expiração, enquanto os dados armazenados no sessionStorage são excluídos ao final da sessão da página.

As páginas de sessão permanecem no navegador durante a abertura e, mesmo após recarregar ou restaurar a página, a sessão de página permanece a mesma. Quando uma página é aberta em um novo tab ou janela, o contexto da sessão superior do navegador é copiado como o contexto da nova sessão, o que é diferente do funcionamento dos cookies de sessão.

Você pode encontrar mais informações em nossasHTML5 Web Storage APISaiba mais sobre sessionStorage.

Sintaxe:

window.sessionStorage

Salvar dadosSalvarSintaxe para: sessionStorage

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

do sessionStorage LeituraSintaxe dos dados:

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

do sessionStorage ExcluirSintaxe dos dados:

sessionStorage.removeItem("key");

do sessionStorage Excluir todosSintaxe dos dados salvos:

sessionStorage.clear();

//　Armazenamento
sessionStorage.setItem("name", "Parrot");
//　Recuperação
document.getElementById("demo").innerHTML = sessionStorage.getItem("name");

O código acima cria uma sessão de armazenamento com name="name" e value="Parrot"./Par

Então, recupere o valor de "nome" e insira-o no elemento com id="demo".

Nome/Os valores sempre são armazenados como strings e podem ser convertidos para outro formato conforme necessário.

Atenção:Após o usuário fechar a janela do navegador, o sessionStorage será limpo.

Compatibilidade do Navegador

Os números na tabela especificam a primeira versão do navegador que suporta completamente a propriedade sessionStorage:

Detalhes Técnicos

Mais Exemplos

Os seguintes exemplos configuram e acessam uma variável de sessão:

if (sessionStorage.hits) {
sessionStorage.hits = Number(sessionStorage.hits)　+　1;
} else {
sessionStorage.hits =　1;
}

Referências Relacionadas

Referência de Janela (Window)：Propriedade window.localStorage

Tutorial de HTML：HTML5 API de Armazenamento Web

Objeto Janela do JavaScript