Веб-хранилище HTML

Благодаря веб-хранилищу веб-приложения могут хранить данные локально в браузере пользователя.
Веб-хранилище более безопасно, и большие объемы данных могут храниться локально, не влияя на производительность веб-сайта.
Веб-хранилище предназначено для каждого источника, то есть для каждого домена и протокола. Все страницы из одного источника могут хранить одни и те же данные и получать к ним доступ.

API и веб-хранилище

Google= 4.0
Microsoft Edge= 8.0
Firefox= 3.5

Объекты веб-хранилищ HTML

Веб-хранилище HTML предоставляет два объекта для хранения данных на клиенте:
window.localStorage — хранит данные без срока действия
window.sessionStorage — хранит данные за один сеанс

if (typeof(Storage) !== "undefined") {
  // Code for localStorage/sessionStorage.
} else {
  // Sorry! No Web Storage support..
}

Объект localStorage

Объект localStorage хранит данные без ограничения срока действия.
Данные не будут удалены при закрытии браузера и будут доступны на следующий день, неделю или год.

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");