JavaScript Печенье
Печенье информации пользователя хранится веб-страниц.
Что такое Cookies?
Куки данные хранятся в текстовом файле на вашем компьютере в.
Когда веб-сервер отправляет веб-страницу в браузере после того, как соединение будет закрыто, сервер не записывает информацию о пользователе.
Куки роль решать ", как записать информацию о пользователе клиента":
- Когда пользователь посещает веб-страницу, его имя может быть записано в куки.
- Когда в следующий раз получить доступ к пользователю страницу, вы можете прочитать записи доступа пользователей в куки.
Печенье с парами имя / значение сохраняются следующим образом:
Когда браузер запрашивает веб-страницу с сервера, печенье, принадлежащие к странице будут добавлены к запросу. Сервер для получения информации о пользователе таким образом.
Использование JavaScript для создания Cookie
JavaScript document.cookie свойство может быть использовано для создания, чтения и удаления куки.
JavaScript, создать печенье следующим образом:
Вы также можете добавить время истечения куки (в UTC или время по Гринвичу). По умолчанию, куки удаляются при закрытии браузера:
Вы можете использовать параметр путь указывает путь браузера куки. По умолчанию, печенье принадлежит к текущей странице.
Используйте JavaScript для чтения Cookie
В JavaScript, вы можете использовать следующий код для чтения куки:
document.cookie строка будет возвращать всевозможные печенья, тип формата: cookie1 = значение; Cookie2 = значение; cookie3 = значение; |
Изменить Cookie с помощью JavaScript
В JavaScript, модифицировать куки похоже на создание куки, следующим образом:
Старое печенье будет перезаписана.
Удалить Cookie с помощью JavaScript
Удалить печенье очень просто. Вам нужно только установить параметры для предыдущего времени истекает, как показано ниже, устанавливается в Чт, 1 января 1970 00:00:00 GMT:
Обратите внимание, что при удалении без указания значение куки.
строка Cookie
document.cookie свойство выглядит как обычная текстовая строка, на самом деле это не так.
Даже если вы пишете полный печенье строку document.cookie, когда вы перечитайте информацию о печенье, печенье информация является пары имя / значение в виде впечатлений.
Если вы установили новый печенье, старые куки не будут перезаписаны. Новое печенье будет добавлен к document.cookie, так что если вы перечитали document.cookie, вы будете получать данные следующим образом:
cookie1 = значение; Cookie2 = значение;
Если вам нужно найти конкретное значение куки, необходимо создать функцию JavaScript, чтобы найти значение куки в строке печенья.
экземпляры JavaScript Cookie
В следующем примере мы создадим куки, чтобы сохранить имя посетителя.
Во-первых, посетители веб-страницы, он будет предложено заполнить их имя. Имя будет храниться в куки.
В следующий раз, когда вы получить доступ к странице посетитель, он увидит сообщение приветствия.
В этом примере мы создадим три функции JavaScript:
- Сеттер значение печенья
- Получить значения функции куки
- Функция определяет значение куки
Сеттер значение печенья
Во-первых, мы создаем функцию для хранения имя посетителя:
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
Разрешение Функция:
Более одного параметра функции, имя куки для CNAME, значение куки cvalue, и установить по истечении заданного времени истечения куки.
Эта функция устанавливает имя куки, значение куки, время окончания срока действия куки.
Получить значения функции куки
Затем мы создаем функцию, которая возвращает пользователю указать значение куки:
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
Разрешение Функция:
Параметры Имя куки CNAME.
Создание текстовой переменной используется для получения указанного куки: CNAME + "=".
Используйте точку с запятой для отдельной строки document.cookie и присваивается строка массива разделенного са (CA = document.cookie.split ( ';')).
Цикл са массива (я = 0; я <ca.length; я ++), а затем считывает каждое значение в массиве, а также удаление завершающих пробелов (с = са [I] .trim ()).
Если вы нашли печенье (c.indexOf (имя) == 0), возвращает значение куки (c.substring (name.length, c.length).
Если вы не можете найти печенье, возвращает "."
Функция определяет значение куки
И, наконец, мы можем создать функцию, чтобы обнаружить, создается ли куки.
Если установить куки, он будет отображать приветственное сообщение.
Если вы не установите печенье, он будет отображать всплывающее для запрашивая имя посетителя и назвать имя SetCookie хранения функции посетителя 365 дней:
{
var username=getCookie("username");
if (username!="")
{
alert("Welcome again " + username);
}
else
{
username = prompt("Please enter your name:","");
if (username!="" && username!=null)
{
setCookie("username",username,365);
}
}
}
Полный пример
примеров
{
var d = new Date();
d.setTime(d.getTime()+(exdays*24*60*60*1000));
var expires = "expires="+d.toGMTString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}
function getCookie(cname)
{
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++)
{
var c = ca[i].trim();
if (c.indexOf(name)==0) return c.substring(name.length,c.length);
}
return "";
}
function checkCookie()
{
var user=getCookie("username");
if (user!="")
{
alert("Welcome again " + user);
}
else
{
user = prompt("Please enter your name:","");
if (user!="" && user!=null)
{
setCookie("username",user,365);
}
}
}
Попробуйте »
Следующие примеры выполняют функцию checkCookie () при загрузке страницы.