Window sessionStorage egenskap

Definition och användning

localStorage och sessionStorage Egenskapen tillåter att spara nyckel/värdepar i webbläsare.

sessionStorage Objektet lagrar endast data för en session (data tas bort när webbläsartabben stängs).

Tips:Se också localStorage egenskap，denna egenskap lagrar data utan utgångsdatum. Data kommer inte att tas bort när webbläsaren stängs och kommer att vara tillgängliga igen dagen efter, en vecka eller ett år senare.

Exempel

Exempel 1

Skapa ett sessionStorage namn/värde par med name="lastname" och value="Smith", sedan hämta värdet för "lastname" och infoga det i elementet med id="result":

// Lagra
sessionStorage.setItem("lastname", "Smith");
// Hämta
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

Prova själv

Exempel 2

Följande exempel räknar antalet gånger användaren har klickat på knappen under den aktuella sessionen:

om (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} annars {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Du har klickat på knappen " +
sessionStorage.clickcount + " gång(er) i denna session.";

Prova själv

Syntaks

window.sessionStorage

Syntaks för att spara data till sessionStorage:

sessionStorage.setItem("key", "value");

Syntaks för att läsa data från sessionStorage:

var lastname = sessionStorage.getItem("key");

Syntaks för att ta bort data från sessionStorage:

sessionStorage.removeItem("key");

Syntaks för att ta bort alla sparade data från sessionStorage:

sessionStorage.clear();

Tekniska detaljer

Returvärdet: Storage objekt

Webbläsarstöd

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

Egenskaper Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5