Cookie JavaScript - создание, обновление и срок действия - httpdoc.ru

Файлы cookie JavaScript

Файлы cookie используются на store data компьютере клиента в небольших текстовых файлах. Файлы cookie хранят важную информацию о посещаемых нами сайтах в браузере. Эта информация будет использована браузером в следующий раз, когда мы посетим тот же веб-сайт. Это помогает при загрузке, webpage faster чем в первый раз, поскольку некоторые данные уже хранятся в файлах cookie, и их не нужно повторно загружать в браузер.

Куки также используются для хранения login information и трюмных входа лексем с веб - сайтов , таких как Facebook , Google и т.д .. поэтому нам не нужно снова и снова войти в систему .


Создать файл cookie в JavaScript

document.cookie Свойство используется для создания, удаления и читать куки ..

Синтаксис:

document.cookie = "username = Джон Сноу";

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

Синтаксис:

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

Атрибуты файлов cookie

Атрибуты Описание
истекает Он поддерживает состояние файла cookie до указанной даты и времени.
максимальный возраст То же, что и expires здесь, время указывается в секундах.
дорожка Он изменяет объем файла cookie на все страницы веб-сайта.
домен Он указывает действительный домен для файла cookie.
Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Create Cookie </title> 
</head>   
<body>
 <h3>JavaScript creating cookies, receive real data.</h3>
 
 <script type="text/javascript">
  var visitor_name = prompt("What's your name?","");
  var expr_date = new Date("December 30, 2050");
  var cookie_date = expr_date.toUTCString();
  final_cookie = "Name =" + encodeURIComponent(visitor_name) + "; expires on = " + cookie_date;
  document.cookie = final_cookie;
  alert(final_cookie); 
</script>

</body>
</html>

Обновить cookie

Единственный способ обновить или изменить файл cookie - создать другой файл cookie с тем же именем и путем, что и существующий. Создание файла cookie с тем же именем, но с другим путем, отличным от пути существующего, добавит дополнительный файл cookie.


Атрибут истекает срок действия cookie

expires Атрибут используется , чтобы дать ограничение времени для печенья , чтобы выдержать. По истечении заявленного времени файл cookie автоматически удаляется.

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

Пример
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title> JavaScript Cookie Expire </title> 
<script type="text/javascript">
  function createCookie(cookieName,cookieValue,daysToExpire)
  {
   var date = new Date();
   date.setTime(date.getTime()+(daysToExpire*24*60*60*1000));
   document.cookie = cookieName + "=" + cookieValue + "; expires=" + date.toGMTString();
  }
   function accessCookie(cookieName)
  {
   var name = cookieName + "=";
   var allCookieArray = document.cookie.split(';');
    for(var i=0; i<allCookieArray.length; i++)
    {
     var temp = allCookieArray[i].trim();
    if (temp.indexOf(name)==0)
     return temp.substring(name.length,temp.length);
    }
     return "";
    }
    function checkCookie()
    {
     var user = accessCookie("testCookie");
    if (user!="")
     alert("Welcome Back " + user + "!!!");
    else
    {
     user = prompt("Please enter your name");
     num = prompt("How many days you want to store your name on your computer?");
    if (user!="" && user!=null)
    {
     createCookie("testCookie", user, num);
    }
    }
    }
</script>
</head>

<body onload="checkCookie()">
<h4>Enter Your name and for how many days you want to store cookie and refresh it again.</h4>
</body>
</html>