Como recuperar elementos do armazenamento local do JavaScript?

Para recuperar　do armazenamento localRecuperar　O elemento, devemos verificar se o navegador reconhece o armazenamento local. Mais tarde, devemos definir um elemento no armazenamento local. Atualmente, devemos ser cuidadosos, pois, ao fechar o navegador, nenhum dado será armazenado no armazenamento local. Mais tarde, precisaremos recuperar dados armazenados no armazenamento local. Vamos discutir brevemente.

Para definir dados no armazenamento local, a seguir está a sintaxe

localStorage.setItem();

Exemplo

Neste exemplo, primeiramente, use a condição if para verificar o armazenamentoCompatibilidade　. Mais tarde, uselocalStorage.setItem()Colocar itens no armazenamento local. Assim que o item estiver no armazenamento local, você pode usar o atributolocalStorage.getItem()Recuperar dados.

<html>
<body>
<p id="storage"></p>
<script>
　　　if (typeof(Storage) !== "undefined") {
　　　　　　localStorage.setItem("product", "Tutorix");
　　　　　　document.getElementById("storage").innerHTML = localStorage.getItem("product");
　　　}
　　　else {
　　　　　　document.getElementById("storage").innerHTML = "Sorry, no Web Storage compatibility...";
　　　}
</script>
</body>
</html>

Resultados de Saída

Tutorix

Tutoriais básicos