Latest web development tutorials
×

JavaScript курс

JavaScript курс JavaScript Краткое введение JavaScript использование JavaScript экспорт JavaScript грамматика JavaScript Заявления JavaScript примечание JavaScript переменная JavaScript Типы данных JavaScript объекты JavaScript функция JavaScript сфера JavaScript событие JavaScript строка JavaScript операторы JavaScript сравнить JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Тип преобразования JavaScript Регулярные выражения JavaScript ошибка JavaScript отладка JavaScript Переменный лифт JavaScript Строгий режим JavaScript ненадлежащее использование JavaScript Аутентификация с помощью форм JavaScript Зарезервированные ключевые слова JavaScript JSON JavaScript void JavaScript Спецификация Код

JS функция

JavaScript определение функции JavaScript Аргументы функции JavaScript вызов функции JavaScript Затворы

JS HTML DOM

DOM Краткое введение DOM HTML DOM CSS DOM событие DOM EventListener DOM элемент

JS Расширенный учебник

JavaScript объекты JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp объекты

JS браузер BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript поп JavaScript Timed событие JavaScript Cookies

JS кладезь

JavaScript кладезь JavaScript тест jQuery JavaScript тест Prototype

JS примеров

JavaScript примеров JavaScript экземпляр объекта JavaScript экземпляр объекта Browser JavaScript HTML DOM примеров JavaScript резюме

JS справочное руководство

JavaScript объекты HTML DOM объекты

JavaScript Печенье


Печенье информации пользователя хранится веб-страниц.


Что такое Cookies?

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

Когда веб-сервер отправляет веб-страницу в браузере после того, как соединение будет закрыто, сервер не записывает информацию о пользователе.

Куки роль решать ", как записать информацию о пользователе клиента":

  • Когда пользователь посещает веб-страницу, его имя может быть записано в куки.
  • Когда в следующий раз получить доступ к пользователю страницу, вы можете прочитать записи доступа пользователей в куки.

Печенье с парами имя / значение сохраняются следующим образом:

username=John Doe

Когда браузер запрашивает веб-страницу с сервера, печенье, принадлежащие к странице будут добавлены к запросу. Сервер для получения информации о пользователе таким образом.


Использование JavaScript для создания Cookie

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

JavaScript, создать печенье следующим образом:

document.cookie="username=John Doe";

Вы также можете добавить время истечения куки (в UTC или время по Гринвичу). По умолчанию, куки удаляются при закрытии браузера:

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";

Вы можете использовать параметр путь указывает путь браузера куки. По умолчанию, печенье принадлежит к текущей странице.

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

Используйте JavaScript для чтения Cookie

В JavaScript, вы можете использовать следующий код для чтения куки:

var x = document.cookie;

примечание document.cookie строка будет возвращать всевозможные печенья, тип формата: cookie1 = значение; Cookie2 = значение; cookie3 = значение;


Изменить Cookie с помощью JavaScript

В JavaScript, модифицировать куки похоже на создание куки, следующим образом:

document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";

Старое печенье будет перезаписана.


Удалить Cookie с помощью JavaScript

Удалить печенье очень просто. Вам нужно только установить параметры для предыдущего времени истекает, как показано ниже, устанавливается в Чт, 1 января 1970 00:00:00 GMT:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

Обратите внимание, что при удалении без указания значение куки.


строка Cookie

document.cookie свойство выглядит как обычная текстовая строка, на самом деле это не так.

Даже если вы пишете полный печенье строку document.cookie, когда вы перечитайте информацию о печенье, печенье информация является пары имя / значение в виде впечатлений.

Если вы установили новый печенье, старые куки не будут перезаписаны. Новое печенье будет добавлен к document.cookie, так что если вы перечитали document.cookie, вы будете получать данные следующим образом:

cookie1 = значение; Cookie2 = значение;

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


экземпляры JavaScript Cookie

В следующем примере мы создадим куки, чтобы сохранить имя посетителя.

Во-первых, посетители веб-страницы, он будет предложено заполнить их имя. Имя будет храниться в куки.

В следующий раз, когда вы получить доступ к странице посетитель, он увидит сообщение приветствия.

В этом примере мы создадим три функции JavaScript:

  1. Сеттер значение печенья
  2. Получить значения функции куки
  3. Функция определяет значение куки

Сеттер значение печенья

Во-первых, мы создаем функцию для хранения имя посетителя:

function setCookie(cname,cvalue,exdays)
{
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, и установить по истечении заданного времени истечения куки.

Эта функция устанавливает имя куки, значение куки, время окончания срока действия куки.


Получить значения функции куки

Затем мы создаем функцию, которая возвращает пользователю указать значение куки:

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 "";
}

Разрешение Функция:

Параметры Имя куки CNAME.

Создание текстовой переменной используется для получения указанного куки: CNAME + "=".

Используйте точку с запятой для отдельной строки document.cookie и присваивается строка массива разделенного са (CA = document.cookie.split ( ';')).

Цикл са массива (я = 0; я <ca.length; я ++), а затем считывает каждое значение в массиве, а также удаление завершающих пробелов (с = са [I] .trim ()).

Если вы нашли печенье (c.indexOf (имя) == 0), возвращает значение куки (c.substring (name.length, c.length).

Если вы не можете найти печенье, возвращает "."


Функция определяет значение куки

И, наконец, мы можем создать функцию, чтобы обнаружить, создается ли куки.

Если установить куки, он будет отображать приветственное сообщение.

Если вы не установите печенье, он будет отображать всплывающее для запрашивая имя посетителя и назвать имя SetCookie хранения функции посетителя 365 дней:

function checkCookie()
{
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);
    }
  }
}


Полный пример

примеров

function setCookie(cname,cvalue,exdays)
{
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 () при загрузке страницы.