Atrybut Window sessionStorage
- Poprzednia strona scrollY
- Następna strona self
- Wróć do poprzedniego poziomu Obiekt Window
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");
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.";
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 |
- Poprzednia strona scrollY
- Następna strona self
- Wróć do poprzedniego poziomu Obiekt Window