Как хранить данные в файле cookie с помощью JavaScript: методы и примеры

Чтобы хранить данные в файле cookie с помощью JavaScript, вы можете использовать свойство document.cookie, которое позволяет вам читать и записывать значения файлов cookie. Вот несколько методов, которые вы можете использовать:

  1. Установите файл cookie с простым значением:

    document.cookie = "key=value";
  2. Установите файл cookie с дополнительными параметрами:

    document.cookie = "key=value; expires=Sun, 31 Dec 2023 23:59:59 UTC; path=/";

    В этом примере вы можете указать дополнительные параметры, такие как expires, path, domain, secure, и т. д., чтобы контролировать поведение файлов cookie.

  3. Установить для файла cookie срок действия:

    var now = new Date();
    var expirationDate = new Date(now.getFullYear() + 1, now.getMonth(), now.getDate());
    document.cookie = "key=value; expires=" + expirationDate.toUTCString() + "; path=/";

    При этом срок действия файла cookie устанавливается на один год от текущей даты.

  4. Прочитайте значение файла cookie:

    var cookies = document.cookie.split("; ");
    for (var i = 0; i < cookies.length; i++) {
     var cookie = cookies[i].split("=");
     var key = cookie[0];
     var value = cookie[1];
     // Use the key and value as needed
    }
  5. Удалить файл cookie:

    document.cookie = "key=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

    Установка пустого значения и даты истечения срока действия в прошлом приведет к удалению файла cookie.

Эти методы демонстрируют, как хранить данные в файле cookie с помощью JavaScript. Не забудьте настроить заполнители «ключ» и «значение» в соответствии с нужными данными. Кроме того, убедитесь, что вы учитываете последствия для безопасности хранения конфиденциальной информации в файлах cookie. Всегда очищайте и проверяйте вводимые пользователем данные, чтобы предотвратить уязвимости безопасности.