Web Storage API är en enkel syntax för att lagra och hämta data i webbläsaren. Det är väldigt lätt att använda:
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
Prova själv →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
localStorage.setItem("name","John Doe");
document.getElementById("demo").innerHTML = localStorage.getItem("name");
</script>
</body>
</html>
Web Storage API stöds i alla webbläsare:
Chrome | IE/Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
LocalStorage-objektet ger åtkomst till en lokal lagring för en viss webbplats. Det låter dig lagra, läsa, lägga till, ändra och ta bort dataobjekt för den domänen.
Uppgifterna lagras utan utgångsdatum och kommer inte att raderas när webbläsaren stängs.
Uppgifterna kommer att vara tillgängliga för dagar, veckor och år.
Metoden localStorage.setItem() lagrar ett dataobjekt i ett minne.
Det tar ett namn och ett värde som parametrar:
localStorage.setItem("name", "John Doe");
Metoden localStorage.getItem() hämtar ett dataobjekt från lagringen.
Det tar ett namn som parameter:
localStorage.getItem("name");
SessionStorage-objektet är identiskt med localStorage-objektet.
Skillnaden är att sessionStorage-objektet lagrar data för en session.
Uppgifterna raderas när webbläsaren stängs.
sessionStorage.getItem("name");
Prova själv →
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
sessionStorage.setItem("name","John Doe");
document.getElementById("demo").innerHTML = sessionStorage.getItem("name");
</script>
</body>
</html>
Metoden sessionStorage.setItem() lagrar ett dataobjekt i ett minne.
Det tar ett namn och ett värde som parametrar:
sessionStorage.setItem("name", "John Doe");
Metoden sessionStorage.getItem() hämtar ett dataobjekt från lagringen.
Det tar ett namn som parameter:
sessionStorage.getItem("name");
Returnerar namnet på n:te nyckeln i lagringen
Returnerar antalet dataobjekt lagrade i Storage-objektet
Returnerar värdet för det angivna nyckelnamnet
Lägger till en nyckel till lagringen eller uppdaterar ett nyckelvärde (om det redan finns)
Tar bort den nyckeln från lagringen
Töm alla nycklar ur förvaringen
Tillåter att spara nyckel/värdepar i en webbläsare. Lagrar data med nr utgångsdatum
Tillåter att spara nyckel/värdepar i en webbläsare. Lagrar data för en session