Window: свойство sessionStorage

BaselineWidely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Свойство sessionStorage позволяет получить доступ к объектуStorage текущей сессии. Свойство sessionStorage очень похоже на свойствоWindow.localStorage, единственное различие заключается в том, что все данные, сохранённые в localStorage не имеют определённого времени жизни, а данные в sessionStorage очищаются в момент окончания сессии текущий страницы. Сессия страницы остаётся активной все время пока окно браузера открыто и сохраняется между перезагрузками страниц.Открытие той же страницы в новом окне браузера или новой вкладке приводит к созданию новой сессии страницы, что отличается от поведения session cookies**.**

Синтаксис

// Сохранение данных в sessionStoragesessionStorage.setItem("key", "value");// Получение данных из sessionStoragevar data = sessionStorage.getItem("key");

Значение

Объект типаStorage.

Пример

Следующий код получает доступ к объектуStorage текущей сессии домена и добавляет данные в него используяStorage.setItem().

sessionStorage.setItem("myCat", "Tom");

Следующий пример автоматически сохраняет содержимое текстового поля. Если страница случайно будет обновлена значение текстового поля будет восстановлено. Таким образом ничего из введённого пользователем не потеряется даже в этом случае.

// Получаем ссылку на текстовое поле,// изменение которого будем отслеживать.var field = document.getElementById("field");// Проверяем наличие значения 'autosave'// (это может произойти только если страница будет случайно обновлена)if (sessionStorage.getItem("autosave")) {  // Восстанавливаем содержимое текстового поля  field.value = sessionStorage.getItem("autosave");}// Отслеживаем все изменения в текстовом полеfield.addEventListener("change", function () {  // И сохраняем их в объект session storage  sessionStorage.setItem("autosave", field.value);});

Примечание:Обратитесь к статьеUsing the Web Storage API, чтобы изучить полный пример.