JavaScript Веб API - Хранилище
API веб хранилище - это простой синтаксис для хранения и извлечения данных в браузере. Он очень прост в использовании:
API веб хранилище поддерживается во всех браузерах:
| Chrome | IE/Edge | Firefox | Safari | Opera |
| Да | Да | Да | Да | Да |
Объект localStorage
Объект localStorage обеспечивает доступ к локальному хранилищу для определенного веб сайта. Он позволяет хранить, читать, добавлять, изменять и удалять элементы данных для домена.
Данные хранятся без срока действия и не будут удалены при закрытии браузера.
Данные будут доступны за дни, недели и годы.
Метод setItem()
Метод localStorage.setItem() сохраняет элемент данных в хранилище.
В качестве параметров он принимает имя и значение:
Пример
localStorage.setItem("name", "John Doe");
Метод getItem()
Метод localStorage.getItem() извлекает элемент данных из хранилища.
В качестве параметра требуется имя:
Пример
localStorage.getItem("name");
Объект sessionStorage
Объект sessionStorage идентичен объекту localStorage.
Разница в том, что объект sessionStorage хранит данные для одного сеанса.
Данные удаляются при закрытии браузера.
Метод setItem()
Метод sessionStorage.setItem() сохраняет элемент данных из хранилища.
В качестве параметров он принимает имя и значение:
Пример
sessionStorage.setItem("name", "John Doe");
Метод getItem()
Метод sessionStorage.getItem() извлекает элемент данных из хранилища.
В качестве параметра требуется имя:
Пример
sessionStorage.getItem("name");
Свойства и методы объекта хранения
| Свойство/Метод | Описание |
|---|---|
| key(n) | Возвращает имя n - го ключа в хранилище |
| length | Возвращает количество элементов данных, хранящихся в объекте |
| getItem(keyname) | Возвращает значение указанного имени ключа |
| setItem(keyname, value) | Добавляет этот ключ в хранилище или обновляет значение этого ключа, если он уже существует |
| removeItem(keyname) | Удаляет этот ключ из хранилища |
| clear() | Очистить весь ключ от хранилища |
Связанные страницы для API веб хранилища
| Свойство | Описание |
|---|---|
| window.localStorage | Позволяет сохранять пары ключ/значение в веб браузере. Хранит данные без срока годности |
| window.sessionStorage | Позволяет сохранять пары ключ/значение в веб браузере. Хранит данные за одну сессию |
