При работе с cookie на странице сайта с помощью JavaScript иногда требуется не просто посмотреть их список (как это сделать подробно описано в → этой статье), а удалить одну cookie или все куки, которые принадлежат сайту. Удаление cookie из браузера происходит следующим образом: если время жизни cookie истекает (или её дата хранения), браузер автоматически удаляет такие куки. Тут приходится положится на разработчиков браузеров, что они правильно заложили данный механизм удаления кук. Если присвоить нулевое значение хранящемуся параметру cookie, то это, скорее всего, не удалит куку из браузера, а всего лишь обнулит её значение.
Как выставить время жизни cookie так, чтобы оно было просрочено и кука удалилась
Небольшой экскурс в историю. Началом всех времён с точки зрения программиста является Четверг, 1 января 1970 года. Именно от этой даты принять отсчитывать время (причём в секундах). Всё, что было до этой даты, имеет отрицательное значение с точки зрения программистов.
Итак, чтобы убить куку в браузере, требуется выставить заведомо прошедшую дату. И для этого можно использовать дату Начала эпохи: Thu, 01 Jan 1970 00:00:00 GMT. На JavaScript это выглядит так:
document.cookie = "name=<Тут Имя Куки>; expires=Thu, 01 Jan 1970 00:00:00 GMT;";Именно параметр expires отвечает за хранение даты срока годности куки.
Но, можно попробовать обойтись тем, что большинство браузеров видя отрицательное значение expires, считают, что кука просрочена, и удаляют её. Т.е. ещё одним способом удалить cookie из браузера будет такой код:
document.cookie = "name=<Тут Имя Куки>; expires=-1";Я предпочитаю использовать более явный способ (который описан первым) и не рисковать тем, что разработчики браузера предусмотрели проверку на отрицательное значение дат.
Как удалить все куки из браузера с помощью JavaScript
Разобравшись с тем, как удалить куку из браузера, зная её имя, можно пробежаться по всему списку кук, доступному со страницы в браузере и выставить им просроченное время хранения:
function CookiesDelete() {
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
var eqPos = cookie.indexOf("=");
var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;";
document.cookie = name + '=; path=/; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
}Обращаю внимание, что в данной функции есть две строчки удаления cookie в 7-й и в 8-й строках.
Дело в том, что я столкнулся с тем, что для удаления некоторых кук требуется не указывать путь в переменной path, а для некоторых, - требуется. Именно поэтому я использую оба варианта именно в такой последовательности. Это убивает куки напрочь.
Почему некоторые куки не могут быть удалены из браузера с помощью JavaScript
Ну и последний вопрос, касающийся удаления кук: «Почему некоторые куки не могут быть удалены из браузера с помощью JavaScript?»
Ответ прост, хотя лежит не совсем на поверхности. Куки могут задаваться не только с помощью JavaScript, но в и заголовках ответа сервера. И когда этот ответ приходит с флагом HttpOnly, данная кука перестаёт быть доступной для изменения с помощью JavaScript. Для удаления таких кук нужно либо лезть в настройки браузера и ручками их вычищать, либо лезть на сервер и генерировать страницу с очисткой кук по HTTP-протоколу.
