логотип PurpleSchool
Иконка входа
Вход
логотип PurpleSchool

.cookie в JavaScript

Автор

Дмитрий Фандорин

.cookie - это свойство JavaScript, которое позволяет работать с куками (cookies) на веб-странице. Куки - это небольшие текстовые файлы, которые хранятся на компьютере пользователя и содержат информацию о состоянии веб-страницы.

Описание работы

Запись

.cookie используется для того, чтобы записать куку на компьютер пользователя. Например, можно записать куку с именем username и значением John:

document.cookie = 'username=John';

В данном примере мы записываем куку с именем username и значением John.

Чтение

.cookie также используется для того, чтобы прочитать значение куки с заданным именем. Например, можно прочитать значение куки с именем username:

const username = document.cookie.replace(/(?:(?:^|.*;\s*)username\s*\=\s*([^;]*).*$)|^.*$/, '$1');
console.log(username);

В данном примере мы читаем значение куки с именем username и выводим его в консоль.

Удаление

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

document.cookie = 'username=;expires=Thu, 01 Jan 1970 00:00:00 UTC';

В данном примере мы удаляем куку с именем username, устанавливая дату истечения срока действия куки в прошлое.

Подробнее

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

Куки могут использоваться для хранения различной информации, такой как предпочтения пользователя, идентификационные данные, информация о сессии и т.д. Когда пользователь возвращается на веб-страницу, JavaScript может прочитать куки и использовать их для персонализации страницы и улучшения взаимодействия с пользователем.

Заключение

.cookie - это свойство JavaScript, которое позволяет работать с куками на веб-странице. Куки - это небольшие текстовые файлы, которые хранятся на компьютере пользователя и содержат информацию о состоянии веб-страницы.

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile