API веб-хранилища
Web Storage API — это простой синтаксис для хранения и извлечения данных в браузере. Это очень простой в использовании:
Пример
localStorage.setItem("name", "John Doe");
localStorage.getItem("name");
API веб-хранилища поддерживается во всех браузерах:
| Chrome | IE/Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Объект локального хранилища
Объект localStorage предоставляет доступ к локальному хранилищу для определенного веб-сайта. Он позволяет хранить, читать, добавлять, изменять и удалять элементы данных для этого домена.
Данные хранятся без ограничения срока действия и не удаляются при закрытии браузера.
Данные будут доступны за дни, недели и годы.
Метод setItem()
Метод localStorage.setItem() сохраняет элемент данных в хранилище.
Он принимает имя и значение в качестве параметров:
Пример
localStorage.setItem("name", "John Doe");
Метод getItem()
Метод localStorage.getItem() извлекает элемент данных из хранилища.
Он принимает имя в качестве параметра:
Пример
localStorage.getItem("name");
Объект sessionStorage
Объект sessionStorage идентичен объекту localStorage.
Разница в том, что объект sessionStorage хранит данные для одного сеанса.
Данные удаляются при закрытии браузера.
Пример
sessionStorage.getItem("name");
Метод setItem()
Метод sessionStorage.setItem() сохраняет элемент данных в хранилище.
Он принимает имя и значение в качестве параметров:
Пример
sessionStorage.setItem("name", "John Doe");
Метод getItem()
Метод sessionStorage.getItem() извлекает элемент данных из хранилища.
Он принимает имя в качестве параметра:
Пример
sessionStorage.getItem("name");
Свойства и методы объекта хранения
| Property/Method | Description |
|---|---|
| key(n) | Returns the name of the nth key in the storage |
| length | Returns the number of data items stored in the Storage object |
| getItem(keyname) | Returns the value of the specified key name |
| setItem(keyname, value) | Adds that key to the storage, or update that key's value if it already exists |
| removeItem(keyname) | Removes that key from the storage |
| clear() | Empty all key out of the storage |
Связанные страницы для API веб-хранилища
| Property | Description |
|---|---|
| window.localStorage | Allows to save key/value pairs in a web browser. Stores the data with no expiration date |
| window.sessionStorage | Allows to save key/value pairs in a web browser. Stores the data for one session |