Использование cookies: пример

Используя cookie-функции, определённы в предыдущем разделе, вы можете создать простую страницу, которую пользователи могут заполнить для «регистрации» при посещении вашей страницы. Если они будут повторно посещать вашу страницу в течение года, они будут получать персональное приветствие.

Вам необходимо определить дополнительно ещё одну функцию в HEAD/шапке документа. Эта функция, register, создаёт cookie TheCoolJavaScriptPage и значение, передаваемое ей – в качестве аргумента.

function register(name) {
   var today = new Date()
   var expires = new Date()
   expires.setTime(today.getTime() + 1000*60*60*24*365)
   setCookie("TheCoolJavaScriptPage", name, expires)
}

BODY документа использует getCookie (определённую в предыдущем разделе) для проверки существования cookie TheCoolJavaScriptPage и выводит приветствие, если cookie имеется. Имеется также форма, которая вызывает register для добавления куки. Обработчик onClick вызывает также history.go(0) для перерисовки страницы.

<BODY>
<H1>Register Your Name with the Cookie-Meister</H1>
<P>
<SCRIPT>
var yourname = getCookie("TheCoolJavaScriptPage") 
if (yourname != null)
   document.write("<P>Welcome Back, ", yourname)
else
   document.write("<P>You haven't been here in the last year...")
</SCRIPT>
 
<P> Enter your name. When you return to this page within a year,
you will be greeted with a personalized greeting. 
<BR>
<FORM onSubmit="return false">
Enter your name: <INPUT TYPE="text" NAME="username" SIZE= 10><BR>
<INPUT TYPE="button" value="Register"
   onClick="register(this.form.username.value); history.go(0)">
</FORM>

Wiki-учебник по веб-технологиям: JavaScript/ИспользованиеCookiesПример ...

Использование cookies: пример