Дмитрий Фандорин
.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