localStorage

08.12.2015

710

localStorage — технология хранения данных в браузере. Применяется для «запоминания» состояний интерфейсов, идентификационных данных, либо другой информации.

<style>
#idVhod {display: none; /* изначально скрыт */}
</style>

<button onclick="onclickVhod()">открыть</button> <span id="idVhod">скрытый текст</span>

<script>
var idVhod = document.getElementById('idVhod');

function onclickVhod() {
  idVhod.style.display = (idVhod.style.display == 'inline') ? '' : 'inline';
  localStorage.setItem('hide', idVhod.style.display); // сохраняем значение в ключ hide
}

if(localStorage.getItem('hide') == 'inline') { // если значение ключа hide "inline"
  document.getElementById('idVhod').style.display = 'inline';
}
</script>

Применение технологии в вариантах расположения товаров в виде блоков или линий:

localStorage.removeItem('construct', 'blocks');

localStorage.setItem('construct', 'lines');

Пример работы, если нажать кнопку — появится текст, при перезагрузке браузера текст останется. Если спрятать текст и перезагрузить то текста не будет и т.д.

скрытый текст

Поделится информацией с друзьями

  • Комментарии
  • Вложения

Добавить комментарий

Пока нет комментариев. Будь первым!

localStorage
Серверные технологии
Рекомендации для васСерверные технологииOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.