Учимся работать с cookies на javascript

cookies и javascriptВ начале я расскажу для чего нужны cookies.

Cookies предназначены для хранения небольшой текстовой информации между заходами на страницы сайта. Данные при этом сохраняются на жёстком диске пользователя.

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

Благодаря поддержке всех браузеров JavaScript сценариев - проблем с cookies не возникнет.

Практическое применение cookies на сайте.

Все сталкивались с формами регистрации на сайтах или форумах. Так вот, при неправильном вводе одного из полей, вы перенаправляетесь на страницу с уведомлением о неправильности ввода, при этом вы получаете куки на свой жёсткий диск с правильными введёнными данными.

Далее вы нажимаете кнопку "повторить ввод полей" и перейдя обратно на страницу регистрации, у вас уже заполнена часть полей - всё это благодаря cookies.

Для создания многофункционального сайта - поддержка javascript и cookies обязательна.

Создадим форму ввода.

<p><input type="text" id="namecom"/>Ваше имя</p>
<p><input type="text" id="email"/>Ваш Email</p>
<p><input type="button" value="Зарегистрироваться" onclick="f()"/></p>

Далее рассмотрим JavaScript сценарий, который будет сохранять cookie.

Покажу лишь на примере части кода, так как он не маленький.

cookies и javascript

Смотрим на этот участок кода (ниже).

document.cookie = 'namecom=' +
		 encodeURIComponent(namecom.value) +
		  '; max-age=' + (365*24*60*60) + '; path=/';

При старте функции f(), в то время когда мы нажали кнопку, куки сохраняется с тем значением, которое мы ввели в поле. Далее задаётся время жизни куки в секундах.

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

Поделитесь ссылкой если мы вам помогли!

Читайте также:

Многоуровневый список в html

Что если ноутбук перегревается и выключается

Что делать если компьютер не запускается

Частота звука воспринимаемая человеком и низкие частоты звука

Как восстановить удаленные файлы на картах памяти

Комментарии:

Добавленно - 2011-05-03

Roew пишет:

Блин, а как включить поддержку javascript и cookies в опере или фаирфоксе? Я недавно отключил из-за того что не знал что это вообще такое :)
Если можно, хотя бы где смотреть эти настройки.

Добавленно - 2011-05-03

Splish пишет:

Roew, чтобы включить поддержку javascript и cookies в опере, нажмите Ctrl+F12, и выберите из пункта "Дополнительно", то что вам нужно.

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

Минимум 100 символов.
Модераторы detected!

Вы ввели сообщение длиной символов

Три + Пять ? =