Свойство Window sessionStorage

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

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

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

sessionStorage Объект хранит данные только одной сессии (данные будут удалены при закрытии вкладки браузера).

Совет:См. также Свойство localStorageЭта свойство хранит данные без даты истечения срока. Данные не будут удалены при закрытии браузера и будут доступны на следующий день, через неделю или год.

Пример

Пример 1

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

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

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

Пример 2

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

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Вы кликнули кнопку " +
sessionStorage.clickcount + " раза в этой сессии.";

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

Синтаксис

window.sessionStorage

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

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

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

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

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

sessionStorage.removeItem("ключ");

Синтаксис для удаления всех сохраненных данных из sessionStorage:

sessionStorage.clear();

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

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

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

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

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