Вот статья в блоге, в которой описаны различные методы настройки файлов cookie с помощью JavaScript, а также примеры кода:
Файлы cookie – это фундаментальная часть веб-разработки, позволяющая веб-сайтам сохранять небольшие фрагменты информации в браузере пользователя. В этой статье мы рассмотрим несколько способов настройки файлов cookie с помощью JavaScript. К концу вы получите четкое представление о том, как использовать файлы cookie в ваших веб-приложениях.
Метод 1. Использование свойства document.cookie
Пример кода:
document.cookie = "cookieName=cookieValue; expires=Thu, 01 Jan 2026 00:00:00 UTC; path=/";
Объяснение:
Свойство document.cookieпозволяет устанавливать файлы cookie напрямую, присваивая ему строковое значение. В приведенном выше примере мы устанавливаем для cookieNameзначение cookieValueи указываем дату истечения срока действия 1 января 2026 года. Атрибут pathустанавливает для файла cookie значение быть доступным на всем сайте.
Метод 2. Использование функции setCookie()
Пример кода:
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + value + expires + "; path=/";
}
setCookie("cookieName", "cookieValue", 365);
Объяснение:
Функция setCookie()упрощает процесс настройки файлов cookie, принимая имя файла cookie, его значение и дополнительное количество дней до истечения срока действия. Он вычисляет дату истечения срока действия на основе указанного количества дней и назначает файл cookie с помощью свойства document.cookie. В приведенном выше примере мы установили для cookieNameзначение cookieValueсо сроком действия 365 дней.
Метод 3. Использование библиотеки JavaScript (например, js-cookie)
Пример кода:
// Include the js-cookie library in your HTML
// <script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"></script>
// Set the cookie using the Cookies.set() method
Cookies.set("cookieName", "cookieValue", { expires: 365, path: "/" });
Объяснение:
Использование библиотеки JavaScript, такой как js-cookie, может обеспечить более удобный и многофункциональный способ работы с файлами cookie. В этом примере мы включаем библиотеку js-cookie в наш HTML и используем метод Cookies.set()для установки файла cookie. Мы указываем cookieNameкак cookieValue, устанавливаем срок действия 365 дней и указываем путь “/”.
В этой статье мы рассмотрели три различных метода настройки файлов cookie с помощью JavaScript. Независимо от того, решите ли вы использовать свойство document.cookie, создать собственную функцию или использовать библиотеку JavaScript, например js-cookie, файлы cookie могут стать мощным инструментом для хранения и получения информации на стороне клиента.р>
Обратите внимание, что приведенные примеры кода предназначены для демонстрационных целей и могут потребовать дополнительной обработки ошибок и принятия мер безопасности в производственной среде.