API хранилища Web

Web Storage API - это простая синтаксис для хранения и извлечения данных в браузере. Он очень прост в использовании:

Экземпляр

localStorage.setItem("name", "Bill Gates");
localStorage.getItem("name");

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

Все браузеры поддерживают Web Storage API:

Chrome IE Firefox Safari Opera
Chrome IE/Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Объект localStorage

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

Хранящиеся данные не имеют даты истечения и не удаляются при закрытии браузера.

Эти данные будут доступны в течение нескольких дней, недель и лет.

Метод setItem()

Метод setItem() localStorage хранит данные элемента в storage.

Он принимает имя и значение в качестве параметров:

Экземпляр

localStorage.setItem("name", "Bill Gates");

Метод getItem()

Метод getItem() localStorage из хранилища (storage) извлекает данные элемента.

Он принимает имя в качестве параметра:

Экземпляр

localStorage.getItem("name");

Объект sessionStorage

Объект sessionStorage аналогичен объекту localStorage.

Разница заключается в том, что объект sessionStorage хранит данные сеанса.

Данные будут удалены при закрытии браузера.

Экземпляр

sessionStorage.getItem("name");

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

Метод setItem()

Метод setItem() sessionStorage хранит данные элемента в хранилище (storage).

Он принимает имя и значение в качестве параметров:

Экземпляр

sessionStorage.setItem("name", "Bill Gates");

Метод getItem()

Метод getItem() sessionStorage из хранилища (storage) извлекает данные элемента.

Он принимает имя в качестве параметра:

Экземпляр

sessionStorage.getItem("name");

Атрибуты и методы объекта Storage

Атрибуты/Методы Описание
key(n) Возврат имени ключа, хранящегося в хранилище, для n-го ключа.
length Возвращает количество данных, хранящихся в объекте Storage.
getItem(keyname) Возвращает значение указанного ключа.
setItem(keyname, value) Добавляет ключ в хранилище или обновляет значение ключа, если он уже существует.
removeItem(keyname) Удаляет ключ из хранилища.
clear() Очищает все ключи.

Страницы, связанные с Web Storage API

Атрибуты Описание
window.localStorage Разрешает сохранять ключ/значение в веб-браузере. Хранит данные без даты истечения срока.
window.sessionStorage Разрешает сохранять ключ/значение в веб-браузере. Хранит данные сессии.