Удалить Cookie можно, установив ей дату истечения в прошлом. Браузер автоматически удалит такие Cookies. 🗑️
// Удаляем конкретную cookie
document.cookie = 'username=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
// Важно: путь и домен должны совпадать с оригинальной cookie!Удалить Cookie — как выкинуть просроченную записку. Нужно поставить на ней дату “просрочено” и браузер сам её выкинет! 📝❌
Основной способ — установить дату истечения в прошлое:
// Удаляем cookie, установив прошедшую дату
document.cookie = 'username=; expires=Thu, 01 Jan 1970 00:00:00 GMT';// Если cookie была установлена с путём
document.cookie = 'theme=dark; path=/admin';
// То и при удалении нужно указать тот же путь
document.cookie = 'theme=; path=/admin; expires=Thu, 01 Jan 1970 00:00:00 GMT';// Если cookie была установлена с доменом
document.cookie = 'user=ivan; domain=.example.com';
// То и при удалении нужно указать тот же домен
document.cookie = 'user=; domain=.example.com; expires=Thu, 01 Jan 1970 00:00:00 GMT';function deleteCookie(name) {
document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
}
// Используем
deleteCookie('username');function deleteCookie(name, path = '/', domain = '') {
let cookieString = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=${path}`;
if (domain) {
cookieString += `; domain=${domain}`;
}
document.cookie = cookieString;
}
// Удаляем с конкретным путём
deleteCookie('theme', '/admin');// ✅ Удаляем авторизационные данные
document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
document.cookie = 'userId=; expires=Thu, 01 Jan 1970 00:00:00 GMT';// ✅ Удаляем пользовательские настройки
document.cookie = 'language=; expires=Thu, 01 Jan 1970 00:00:00 GMT';
document.cookie = 'theme=; expires=Thu, 01 Jan 1970 00:00:00 GMT';// ✅ Удаляем старые cookies
document.cookie = 'oldSetting=; expires=Thu, 01 Jan 1970 00:00:00 GMT';// ❌ Ошибка — cookie не удалится, если параметры не совпадают
document.cookie = 'user=ivan; path=/admin; domain=.example.com';
document.cookie = 'user=; expires=Thu, 01 Jan 1970 00:00:00 GMT'; // Без path и domain!
// ✅ Правильно — совпадают все параметры
document.cookie = 'user=; path=/admin; domain=.example.com; expires=Thu, 01 Jan 1970 00:00:00 GMT';// ❌ Невозможно — HttpOnly cookies нельзя удалить через JavaScript
// Только сервер может установить такие cookies
// document.cookie = 'serverToken=; expires=...'; // Не сработает!expires=Thu, 01 Jan 1970 00:00:00 GMT ⏰Понимание как удалять Cookies помогает правильно управлять пользовательскими данными! 💪
Хотите больше статей для подготовки к собеседованиям? Подписывайтесь на EasyAdvice, добавляйте сайт в закладки и совершенствуйтесь каждый день 💪