HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML5 Урок 6 - Веб Хранилище


« Назад Далее »

Хранение Данных На Клиентском Компьютере

HTML5 предлагает два новых объекта для хранения данных на клиентском компьютере:

  • localStorage (локальное хранилище) - хранит данные без лимита по времени
  • sessionStorage (сессионное хранилище) - хранит данные в течение одной сессии

Ранее эта задача выполнялась с помощью cookies. Однако, cookies не пригодны для больших объемов данных, потому что они пересылаются с каждым запросом к серверу, делая это очень медленным и неэффективным процессом.

В HTML5 данные НЕ пересылаются с каждым запросом к серверу, а используются ТОЛЬКО по необходимости. Можно хранить большие объемы данных без уменьшения производительности веб сайта.

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

HTML5 использует JavaScript для хранения и доступа к данным.


Объект localStorage (Локальное Хранилище)

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

Как создавать и обращаться к локальному хранилищу:

Пример

<script type="text/javascript">
localStorage.lastname="Иванов";
document.write(localStorage.lastname);
</script>

Попробуйте сами »

Следующий пример считает количество посещений страницы пользователем:

Пример

<script type="text/javascript">
if (localStorage.pagecount)
  {
  localStorage.pagecount=Number(localStorage.pagecount) +1;
  }
else
  {
  localStorage.pagecount=1;
  }
document.write("Посещения "+ localStorage.pagecount + " раз.");
</script>

Попробуйте сами »


Объект sessionStorage (Сессионное Хранилище)

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

Как создавать и обращаться к сессионному хранилищу:

Пример

<script type="text/javascript">
sessionStorage.lastname="Петров";
document.write(sessionStorage.lastname);
</script>

Попробуйте сами »

Следующий пример считает количество посещений страницы пользователем в текущей сессии:

Пример

<script type="text/javascript">
if (sessionStorage.pagecount)
  {
  sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
  }
else
  {
  sessionStorage.pagecount=1;
  }
document.write("Посещения "+sessionStorage.pagecount+" раз в эту сессию.");
</script>

Попробуйте сами »





« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru