Web Storage API

Web Storage API on yksinkertainen syntaksi, jota käytetään tietojen tallentamiseen ja hakemiseen selaimessa. Se on erittäin helppokäyttöinen:

Esimerkki

localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");

Kokeile itse!

Kaikki selaimet tukevat Web Storage API:a:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki

localStorage-objekti

localStorage-objekti tarjoaa pääsyn tiettyyn verkkosivustoon liittyvään paikalliseen tallennukseen. Se mahdollistaa tietojen tallentamisen, lukemisen, lisäämisen, muokkaamisen ja poistamisen kyseiseltä verkkosivustolta.

Tallennetut tiedot eivät ole eräpäivämäärällä ja poistetaan selaimen sulkemisen yhteydessä.

Nämä tiedot ovat saatavilla muutamassa päivässä, viikossa ja vuodessa.

setItem()-metodi

localStorage.setItem()-metodi tallentaa tietoja storageen.

Se hyväksyy nimen ja arvon parametrina:

Esimerkki

localStorage.setItem("name", "Bill Gates");

getItem()-metodi

localStorage.getItem()-metodi hakee tietoja tallennuksesta (storage)。

Se hyväksyy nimen parametrina:

Esimerkki

localStorage.getItem("name");

sessionStorage-objekti

sessionStorage-objekti on samanlainen kuin localStorage-objekti.

Ero on siinä, että sessionStorage-objekti tallentaa istunnon tietoja.

Tiedot poistetaan, kun selain suljetaan.

Esimerkki

sessionStorage.getItem("name");

Kokeile itse!

setItem()-metodi

sessionStorage.setItem()-metodi tallentaa tietoja tallennukseen (storage)。

Se hyväksyy nimen ja arvon parametrina:

Esimerkki

sessionStorage.setItem("name", "Bill Gates");

getItem()-metodi

sessionStorage.getItem()-metodi hakee tietoja tallennuksesta (storage)。

Se hyväksyy nimen parametrina:

Esimerkki

sessionStorage.getItem("name");

Storage-objektin ominaisuudet ja metodit

Ominaisuus/metodi Kuvaus
key(n) Palauta tallennuskohteesta n:nnen avaimen nimi.
length Palauttaa Storage-objektissa olevien tietojen lukumäärän.
getItem(kaytannimen) Palauttaa määritetyn avaimen arvon.
setItem(kaytannimen, arvo) Lisää avain tallennukseen tai päivitä avaimen arvo, jos avain on jo olemassa.
removeItem(kaytannimen) Poista tietty avain tallennuksesta.
clear() Tyhjennä kaikki avaimet.

Web Storage API -sivut

Ominaisuus Kuvaus
window.localStorage Sallii avaimen ja arvon tallentamisen Web-selaimessa. Tallentaa tietoja ilman päättymispäivää.
window.sessionStorage Sallii avaimen ja arvon tallentamisen Web-selaimessa. Tallentaa istunnon tiedot.