Window localStorage ominaisuus

Määritelmä ja käyttö

localStorage ja sessionStorage ominaisuudet mahdollistavat avain-arvo-pareiden tallentamisen Web-selaimessa.

localStorage-objekti tallentaa tietoja ilman erääntymispäivää. Tiedot eivät poistu, kun selain suljetaan, ja ovat saatavilla seuraavana päivänä, viikon tai vuoden päästä.

localStorage ominaisuus on luettu vain.

Vinkki:Katso myös sessionStorage ominaisuus，tämä ominaisuus tallentaa istunnon tiedot (tiedot katoavat, kun selaimen välilehdet suljetaan).

Esimerkki

Esimerkki 1

Luo name="sukunimi" ja value="Smith" localStorage nimi-arvo-pareja, hae "sukunimi" arvo ja lisää se id="result" elementtiin:

// Tallenna
localStorage.setItem("sukunimi", "Smith");
// Hae
document.getElementById("result").innerHTML = localStorage.getItem("sukunimi");

Kokeile itse

Esimerkki 2

Esimerkki laskee käyttäjän napsautustenvälinen määrän:

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "You have clicked the button " +
localStorage.clickcount + " kertaa.";

Kokeile itse

Syntaxi

window.localStorage

localStorage:n tallentamisen syntaxi:

localStorage.setItem("avain", "arvo)";

localStorage:n lukemisen syntaxi:

var sukunimi = localStorage.getItem("avain)";

localStorage:n poistamisen syntaxi:

localStorage.removeItem("avain)";

Tekninen yksityiskohta

Palautusarvo: Storage-objekti

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Ominaisuudet Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5