Веб-хранилище — одна из замечательных функций HTML5. Благодаря этому веб-приложения могут локально хранить данные в браузере на стороне клиента. Он хранит данные в виде пары ключ/значение в браузере. Веб-хранилище иногда также называют хранилищем DOM.
Типы веб-хранилищ:
(i). Локальное хранилище
(ii). Хранилище сеансов
Локальное хранилище:объект JavaScriptЛокальное хранилище хранит данные, срок действия которых не истекает. Он будет доступен, даже если вы завершите сеанс, закрыв браузер и оставаясь до тех пор, пока не удалите его вручную.
Методы, предоставляемые локальным хранилищем:
- установитьЭлемент()
- получитьэлемент()
- Убрать предмет()
Во-первых, мы должны проверить, поддерживает ли браузер локальное хранилище или нет, как показано ниже.
- установить и получить методы в локальном хранилище:
. удалить Метод
Давайте перейдем к Хранению сеансов.
Хранилище сеансов. Для хранения данных текущего сеанса можно использовать объект хранилища сеансов. Эти данные будут удалены после завершения сеанса, т. е. когда пользователь закроет окно или выйдет из системы.
Методы:
(i) установитьЭлемент()
(ii) получитьЭлемент()
(iii) удалить/очистить Item()
Ключевые моменты по веб-хранилищам:
- Веб-хранилище HTML похоже на файлы cookie, но лучше и быстрее, чем файлы cookie.
- Это дает возможность хранить больше данных.
- 4 КБ — это предел для файлов cookie, а для веб-хранилища предел хранения намного больше, по крайней мере, 5 МБ, в зависимости от браузера.
- Локальное хранилище хранит данные без срока годности.
- Хранилище сеансов хранит данные для одного сеанса.
Использованная литература:
Изучите учебные пособия по API веб-хранилища HTML5 | Cloudhadoop
Как использовать HTML5 localStorage и sessionStorage — Tutorial Republic
Была ли эта статья полезной для вас?
