Что такое куки?
Файл cookie — это фрагмент данных, который хранится на вашем компьютере для доступа к вашему браузеру. Вы также могли бы использовать преимущества куки сознательно или неосознанно. Вы когда-нибудь сохраняли свой пароль Facebook, чтобы вам не приходилось вводить его каждый раз, когда вы пытаетесь войти? Если да, то вы используете куки. Файлы cookie сохраняются в виде пар ключ / значение.
Зачем вам нужен Cookie?
Связь между веб-браузером и сервером происходит по протоколу без сохранения состояния с именем HTTP. Протокол без сохранения состояния обрабатывает каждый запрос независимо. Таким образом, сервер не сохраняет данные после отправки их в браузер. Но во многих ситуациях данные снова потребуются. Вот и печеньки в картинке. При использовании файлов cookie веб-браузеру не нужно будет обмениваться данными с сервером каждый раз, когда требуются данные. Вместо этого его можно получить непосредственно с компьютера.
Javascript Set Cookie
Вы можете создавать куки, используя документ. свойство cookie, как это.
document.cookie = "cookiename=cookievalue"
Вы даже можете добавить дату истечения срока действия в ваш файл cookie, чтобы конкретный файл cookie был удален с компьютера в указанную дату. Дата истечения должна быть установлена в формате UTC / GMT. Если вы не установите дату истечения срока действия, cookie будет удален, когда пользователь закроет браузер.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"
Вы также можете указать домен и путь, чтобы указать, какому домену и каким каталогам в конкретном домене принадлежит cookie. По умолчанию cookie принадлежит странице, которая устанавливает cookie.
document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "
// создаем куки с доменом для текущей страницы и путем к всему домену.
JavaScript получить Cookie
Вы можете получить доступ к таким файлам cookie, которые будут возвращать все файлы cookie, сохраненные для текущего домена.
var x = document.cookie
JavaScript Удалить Cookie
Чтобы удалить cookie, вам просто нужно установить значение cookie пустым и установить значение expires на прошедшую дату.
document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"
Попробуйте этот пример самостоятельно:
1<html>
2<head>
3<title>Cookie!!!</title>
4<script type="text/javascript">
5function createCookie(cookieName,cookieValue,daysToExpire)
6{
7var date = new Date();
8date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
9document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
10}
11function accessCookie(cookieName)
12{
13var name = cookieName + "=";
14var allCookieArray = document.cookie.split(';');
15for(var i=0; i<allCookieArray.length; i++)
16{
17var temp = allCookieArray[i].trim();
18if (temp.indexOf(name)==0)
19return temp.substring(name.length,temp.length);
20}
21return "";
22}
23function checkCookie()
24{
25var user = accessCookie("testCookie");
26if (user!="")
27alert("Welcome Back " + user + "!!!");
28else
29{
30user = prompt("Please enter your name");
Специальные инструкции, чтобы заставить код работать … Дважды нажмите кнопку запуска