Как работать с куки в JavaScript?

Статьи / JS

Создание куки: Для создания куки в jаvascript мы можем использовать свойство document.cookieВот пример, который позволяет создать куки с именем "username" и значением "John":

document.cookie = "username=John";

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

const cookies = document.cookie;
console.log(cookies);

Этот код вернет строку, содержащую все куки, хранящиеся на данном сайте.

Обновление куки: Если вы хотите обновить значение куки, вам нужно просто создать новую куку с тем же именем:

document.cookie = "username=Jane";

Удаление куки: Для удаления куки нужно установить ее срок действия в прошлое значение или использовать свойство document.cookie с пустым значением:

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

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

Разделение куки: Куки могут быть разделены с помощью символа точка с запятой (;). Например, вот как вы можете создать несколько кук:

document.cookie = "username=John; [email protected]";

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