Локальное хранилище окна
Пример
Установить и получить пару имя/значение localStorage:
localStorage.setItem("lastname", "Smith");
localStorage.getItem("lastname");
Ниже приведены дополнительные примеры.
Определение и использование
Объект localStorage
позволяет сохранять пары ключ/значение в браузере.
Примечание
Объект localStorage хранит данные без даты истечения срока действия.
Данные не удаляются при закрытии браузера и доступны для будущих сеансов.
Смотрите также:
Объект sessionStorage , в котором хранятся данные для одного сеанса.
(Данные удаляются при закрытии окна браузера)
Синтаксис
window.localStorage
или просто:
localStorage
СОХРАНИТЬ данные в localStorage:
localStorage.setItem(key, value);
ПРОЧИТАЙТЕ данные из localStorage:
let lastname = localStorage.getItem(key);
УДАЛИТЬ данные из localStorage:
localStorage.removeItem(key);
ОЧИСТИТЬ локальное хранилище:
localStorage.removeItem(key);
Параметры
Parameter | Description |
key | Required. The name of a key. |
value | Required. The value of the key. |
Возвращаемое значение
Тип | Описание |
Объект | Объект локального хранилища. |
Дополнительные примеры
Подсчитайте, сколько раз пользователь нажал кнопку:
if (localStorage.clickcount) {
localStorage.clickcount = Number(localStorage.clickcount)
+ 1;
} else {
localStorage.clickcount = 1;
}
Поддержка браузера
window.localStorage
поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |