Właściwość localStorage okna

Definicja i użycie

Właściwości localStorage i sessionStorage pozwalają na przechowywanie par klucz/wartość w przeglądarce internetowej.

Obiekt localStorage przechowuje dane bez daty wygaśnięcia. Dane nie są usuwane po zamknięciu przeglądarki i są dostępne na drugi dzień, w tygodniu lub rok później.

Właściwość localStorage jest jedynie do odczytu.

Wskazówka:Zobacz również Właściwość sessionStorageta właściwość przechowuje dane sesji (dane są tracą się po zamknięciu karty przeglądarki).

Przykład

Przykład 1

Utwórz localStorage nazwą "lastname" i wartością "Smith", następnie pobierz wartość "lastname" i wstaw ją do elementu o id="result":

// Zapis
localStorage.setItem("lastname", "Smith");
// Pobieranie
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Spróbuj sam

Przykład 2

Poniższy przykład oblicza liczbę kliknięć użytkownika na przycisk:

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Kliknąłeś przycisk " +
localStorage.clickcount + " razy.";

Spróbuj sam

Gramatyka

window.localStorage

Zapis danych do localStorage:

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

Pobieranie danych z localStorage:

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

Zmiana danych w localStorage:

localStorage.removeItem("key");

Szczegóły techniczne

Zwrócona wartość: Obiekt Storage

Wsparcie 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
localStorage 4.0 8.0 3.5 4.0 11.5