Atrybut Window sessionStorage

Definicja i użycie

localStorage i sessionStorage Atrybut pozwala na zapisywanie par klucz/wartość w przeglądarce internetowej.

sessionStorage Obiekt przechowuje dane tylko dla jednej sesji (dane zostaną usunięte po zamknięciu karty przeglądarki).

Wskazówka:Proszę zobacz Atrybut localStorageTa właściwość przechowuje dane bez daty wygaśnięcia. Dane nie zostaną usunięte przy zamknięciu przeglądarki i będą dostępne w następnym dniu, tygodniu lub roku.

Przykład

Przykład 1

Utwórz sessionStorage nazwę/wartość parę name="lastname" i value="Smith", a następnie pobierz wartość "lastname" i wstaw ją do elementu o id="result":

// Zapisz
sessionStorage.setItem("lastname", "Smith");
// Pobierz
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

Spróbuj sam

Przykład 2

Poniższy przykład oblicza liczbę kliknięć przycisku przez użytkownika w bieżącej sesji:

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Naciśnięto przycisk " +
sessionStorage.clickcount + " razy w tej sesji.";

Spróbuj sam

Gramatyka

window.sessionStorage

Gramatyka zapisywania danych do sessionStorage:

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

Gramatyka odczytywania danych z sessionStorage:

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

Gramatyka usuwania danych z sessionStorage:

sessionStorage.removeItem("key");

Gramatyka usuwania wszystkich zapisanych danych z sessionStorage:

sessionStorage.clear();

Szczegóły techniczne

Zwrócona wartość: Obiekt Storage

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.

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