Método Storage setItem()

Objeto Storage do JavaScript

setItem()O método define o valor da chave especificada no objeto de armazenamento fornecido, se o valor da chave já existir, atualiza o valor da chave.

O método setItem() pertence ao objeto de armazenamento e pode serlocalStorageObjeto ousessionStorrageObjeto.

Sintaxe:

localStorage.setItem(key,　value)

sessionStorage.setItem(key,　value)

;localStorage.setItem('color'　'green');
;localStorage.setItem('image'　'parrot.png');
;localStorage.setItem('url'　'https://pt.oldtoolbag.com');

Compatibilidade do navegador

Os números na tabela especificam a primeira versão do navegador que suporta completamente o método setItem():

Valor do parâmetro

Detalhes técnicos

Mais exemplos

Definir o valor da item de armazenamento de sessão especificado:

sessionStorage.setItem('time'　Date.now());
sessionStorage.setItem('age',　22);

Você ainda pode usar a notação de ponto para definir valores:

localStorage.color　=　"green";
localStorage.image　=　"parrot.png";
localStorage.url　=　"https://pt.oldtoolbag.com";

As seguintes funções criam três itens de dados no armazenamento local, e depois os utilizam para definir estilos personalizados na página:

function　populateStorage()　{
　　;localStorage.setItem('bgcolor',　document.getElementById('bgcolor').value);
　　;localStorage.setItem('font',　document.getElementById('font').value);
　　;localStorage.setItem('image',　document.getElementById('image').value);
}

Referências Relacionadas

Tutoriais de HTML:API de Armazenamento Web

Referência: Janela (Window)Atributo window.localStorage

Referência: Janela (Window)Atributo window.sessionStorage

Objeto Storage do JavaScript