Свойства localStorage Window

Объект окна JavaScript

localStorageЧтение только属性 позволяет вам получить доступ кХранениедля исходного объекта документа; данные хранятся между сессиями браузера.

По сравнению с использованием cookie, объект localStorage предоставляет механизм, через который браузер может лучше хранить пары ключ/значение.

localStorage иsessionStorageАналогично, разница заключается в том, что, несмотря на то, что данные, хранящиеся в localStorage, не имеют срока действия, данные, хранящиеся в sessionStorage, будут удалены при завершении сеанса страницы (т.е. при закрытии страницы).

Вы можете найти информацию в нашихв API Web Storage HTML5Узнайте больше о localStorage.

Синтаксис:

window.localStorage

ДанныеСохранениеСинтаксис для сохранения в localStorage:

localStorage.setItem("key", "value");

из localStorage ЧтениеСинтаксис данных:

var name = localStorage.getItem("key");

из localStorage УдалениеСинтаксис данных:

localStorage.removeItem("key");

//　Store
localStorage.setItem("name", "Parrot");
//　Retrieve
document.getElementById("demo").innerHTML = localStorage.getItem("name");

Приведенный выше код создает пару имя/значение localStorage с помощью name="name" и value="Parrot".

Затем检索“имя” значения и вставьте его в элемент с id="demo".

Пара имя/значение всегда хранится как строка, и вы можете преобразовать их в другой формат по мере необходимости.

Совместимость браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает свойства localStorage:

Технические детали

Более примеров

Ниже приведен пример установки локального хранилища переменных и доступа к этой переменной при каждом посещении страницы:

if (localStorage.hits) {
localStorage.hits = Number(localStorage.hits) + 1;
}
localStorage.hits = 1;
}

Вы также можете удалить элемент localStorage:

localStorage.removeItem("hits");

См. также

Справка по окну (Window):Свойство window.sessionStorage

Учебник HTML5:API Web-хранилища HTML5

Объект окна JavaScript