- •Что такое cookies и как с ними работать
- •Создание cookies в JavaScript
- •Получение значения cookies в JavaScript
- •Cookies и хранение состояния
- •Пример работы с cookie
- •JavaScript и куки (cookie)
- •Что такое куки (cookie)?
- •Свойство document.Cookie.
- •Сохранение куки
- •Перекодирование значения куки!
- •Функция для установки куки
- •Функция для удаления куки.
- •Получение значения куки
- •Функция для получения значения куки
- •Простой пример использования
- •Счетчик посещений с использованием cookie Вы были здесь 1 раз(а).
- •Несколько примеров использования cookie
- •Фиксация повторных посещений страницы
- •Записная книжка Cookies Notepad
Простой пример использования
В данном примере мы сделали страницу, которая запрашивает Ваше имя при первом посещении, затем она сохраняет Ваше имя в куки и показывает его при следующих посещениях.
Откройте страницу в новом окне. При первом посещении она попросит ввести имя и сохранит его в куки. Если Вы посетите страницу еще раз, она отобразит на экране введенное имя из куки.
Для куки задаем срок хранения в 1 год от текущей даты, это означает, что браузер сохранит Ваше имя даже если Вы закроете его.
Вы можете удалить куки нажав на ссылку Забудь обо мне!, которая вызывает функцию delete_cookie() и обновляет страницу, чтобы снова запросить имя у Вас.
Вы можете посмотреть код страницы в браузере, выбрав функцию просмотра исходного кода. Здесь приводится основная часть кода:
if ( ! get_cookie ( "username" ) )
{
var username = prompt ( "Пожалуйста, введите Ваше имя", "" );
if ( username )
{
var current_date = new Date;
var cookie_year = current_date.getFullYear ( ) + 1;
var cookie_month = current_date.getMonth ( );
var cookie_day = current_date.getDate ( );
set_cookie ( "username", username, cookie_year, cookie_month, cookie_day );
}
}
else
{
var username = get_cookie ( "username" );
document.write ( "Привет, " + username + ", добро пожаловать на страницу!" );
document.write ( "<br><a href=\"javascript:delete_cookie('username');
document.location.reload ( );\">
Forget about me!</a>" );
}
Данный урок показал Вам, как использовать куки в JavaScript для хранения информации о Ваших посетителях. Спасибо за внимание! :)
http://ruseller.com/lessons.php?rub=32
Исходный текст страницы:
<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>Работа с куками.</TITLE>
</HEAD><BODY>
<SCRIPT language="JavaScript">
<!--
function set_cookie ( name, value, expires_year, expires_month, expires_day, path, domain, secure )
{
var cookie_string = name + "=" + escape ( value );
if ( expires_year )
{
var expires = new Date ( expires_year, expires_month, expires_day );
cookie_string += "; expires=" + expires.toGMTString();
}
if ( path )
cookie_string += "; path=" + escape ( path );
if ( domain )
cookie_string += "; domain=" + escape ( domain );
if ( secure )
cookie_string += "; secure";
document.cookie = cookie_string;
}
function delete_cookie ( cookie_name )
{
var cookie_date = new Date ( ); //Ткущая дата и время
cookie_date.setTime ( cookie_date.getTime() - 1 );
document.cookie = cookie_name += "=; expires=" + cookie_date.toGMTString();
}
function get_cookie ( cookie_name )
{
var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );
if ( results )
return ( unescape ( results[2] ) );
else
return null;
}
if ( ! get_cookie ( "username" ) )
{
var username = prompt ( "Пожалуйста, ведите Ваше имя", "" );
if ( username )
{
var current_date = new Date;
var cookie_year = current_date.getFullYear ( ) + 1;
var cookie_month = current_date.getMonth ( );
var cookie_day = current_date.getDate ( );
set_cookie ( "username", username, cookie_year, cookie_month, cookie_day );
document.location.reload( );
}
}
else
{
var username = get_cookie ( "username" );
document.write ( "Привет, " + username + ", добро пожаловать на сайт!" );
document.write ( "<br><a href=\"javascript:delete_cookie('username'); document.location.reload( );\">Забудь обо мне!</a>" );
}
// -->
</SCRIPT>
</BODY></HTML>