Свойство localStorage
Пример localStorage
Установка и извлечение пары name/value localStorage:
localStorage.setItem("lastname", "Андрей");
localStorage.getItem("lastname");
Попробуйте сами »
Ещё примеры ниже.
Описание localStorage
Объект localStorage позволяет сохранять пары key/value в браузере.
Примечание localStorage
Объект localStorage хранит данные без срока действия.
Данные не удаляются при закрытии браузера и доступны для будущих сеансов.
Похожи на localStorage
ОбъектsessionStorage, который хранит данные для одного сеанса.
(Данные удаляются при закрытии окна браузера)
Синтаксис localStorage
window.localStorage
или просто:
localStorage
Сохранение данных в локальном хранилище
localStorage.setItem(key, value);
Чтение данных из локального хранилища
let lastname = localStorage.getItem(key);
Удалить данные из локального хранилища
localStorage.removeItem(key);
Удалить все (Очистить локальное хранилище)
localStorage.clear();
Параметры localStorage
| Параметр | Описание |
|---|---|
| key | Обязательно. Название ключа. |
| value | Обязательно. Значение ключа. |
Возвращаемое значение localStorage
| Тип | Описание |
|---|---|
| Object | Объект localStorage. |
Ещё примеры localStorage
Подсчитайте, сколько раз пользователь нажал кнопку:
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount)
+ 1;
} else {
localStorage.clickcount = 1;
}
Попробуйте сами »
Поддержка браузера localStorage
window.localStorage поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |