Дмитрий Фандорин
.cookie в JavaScript
29 апреля 2025Автор
.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, которое позволяет работать с куками на веб-странице. Куки - это небольшие текстовые файлы, которые хранятся на компьютере пользователя и содержат информацию о состоянии веб-страницы.
Постройте личный план изучения Javascript до уровня Middle — бесплатно!
Javascript — часть карты развития Frontend
100+ шагов развития
30 бесплатных лекций
300 бонусных рублей на счет
Бесплатные лекции
Все гайды по Javascript
Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
.textContent в JavaScript.style в JavaScript.setProperty() в JavaScript.scrollTo() в JavaScript.scrollIntoView() в JavaScript.scrollBy() в JavaScript.removeProperty() в JavaScript.removeEventListener() в JavaScript.querySelectorAll() в JavaScript.querySelector() в JavaScript.outerHTML в JavaScript.innerText в JavaScriptв JavaScript.hidden в JavaScript.getPropertyValue() в JavaScript.getElementsByTagName() в JavaScript.getElementsByClassName() в JavaScript.getAttribute() в JavaScript.focus() в JavaScriptЭлемент в JavaScript.dataset в JavaScript.closest() в JavaScript.classList в JavaScript.blur() в JavaScript.addEventListener() в JavaScript
Объект WeakSet в JavaScriptОбъект TypedArray в JavaScriptОбъект SharedArrayBuffer в JavaScriptОбъект Set в JavaScriptОбъект в JavaScriptОбъект Map в JavaScriptfunction в JavaScriptОбъект DataView в JavaScriptОбъект WeakMap в JavaScriptОбъект Atomics в JavaScriptМассивы в JavaScriptОбъект ArrayBuffer в JavaScript
window.print() в JavaScriptwindow.open() в JavaScriptwindow.navigator в JavaScriptwindow.location в JavaScriptwindow.history в JavaScriptURLSearchParams в JavaScriptsetTimeout() в JavaScriptsetInterval() в JavaScriptsessionStorage в JavaScriptqueueMicrotask() в JavaScriptprompt() в JavaScriptPerformance в JavaScriptwindow.matchMedia в JavaScriptlocalStorage в JavaScriptGeolocation API в JavaScriptFormData в JavaScriptfetch() в JavaScriptDOM в JavaScriptconsole.log() в JavaScriptconfirm() в JavaScriptclearTimeout() в JavaScriptclearInterval() в JavaScriptalert() в JavaScriptBOM в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Лучшие курсы по теме
Основы JavaScript
Антон Ларичев
12 бесплатных уроков
4.8Backend
Frontend
Mobile
3 999 ₽Бесплатный старт
TypeScript с нуля
Антон Ларичев21 бесплатный урок4.7Backend
Frontend
Mobile
3 999 ₽Бесплатный старт
Next.js - с нуля
Антон Ларичев23 бесплатных урока4.7Frontend
3 999 ₽Бесплатный старт