Свойство localStorage окна

  • Предыдущая страница length
  • Следующая страница location
  • Вернуться на один уровень вверх Объект Window

Определение и использование

Свойства localStorage и sessionStorage позволяют сохранять пары ключ/значение в веб-браузере.

Объект localStorage хранит данные без даты истечения срока. Данные не удаляются при закрытии браузера и будут доступны на следующий день, неделю или год.

Свойство localStorage является только для чтения.

Совет:См. также Свойство sessionStorageЭта свойственность хранит данные сессии (данные теряются при закрытии вкладки браузера).

Пример

Пример 1

Создайте localStorage с name="lastname" и value="Smith", затем检索 значение "lastname" и вставьте его в элемент с id="result":

// Сохранить
localStorage.setItem("lastname", "Smith");
// Возвратить
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Попробуйте сами

Пример 2

Ниже приведен пример того, как можно подсчитать количество кликов пользователя на кнопку:

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Вы кликнули кнопку " +
localStorage.clickcount + " раза.";

Попробуйте сами

Синтаксис

window.localStorage

Синтаксис сохранения данных в localStorage:

localStorage.setItem("ключ", "значение);

Синтаксис чтения данных из localStorage:

var lastname = localStorage.getItem("ключ);

Синтаксис удаления данных из localStorage:

localStorage.removeItem("ключ);

Технические детали

Возвратное значение: Объект Storage

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот свойство.

Свойства Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5
  • Предыдущая страница length
  • Следующая страница location
  • Вернуться на один уровень вверх Объект Window