使用 JavaScript 清除所有 cookie
如何使用 JavaScript 删除当前域的所有 cookie？
function deleteAllCookies() {
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";
}
}
请注意，此代码有两个限制：
它不会删除设置了 HttpOnly 标志的 cookie，因为 HttpOnly 标志会禁用 Javascript 对 cookie 的访问。
它不会删除已使用 Path 值设置的 cookie。 （尽管事实上这些 cookie 将出现在 document.cookie 中，但如果不指定与设置它相同的 Path 值，则无法删除它。）
一个班轮
如果您想快速粘贴它...
document.cookie.split(";").forEach(function(c) { document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/"); });
小书签的代码：
javascript:(function(){document.cookie.split(";").forEach(function(c) { document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/"); }); })();
localStorage 中备份 cookie，因此 window.localStorage.clear() 也可能会有所帮助
这是清除所有路径和域的所有变体（www.mydomain.example、mydomain.example 等）中的所有 cookie：
(function () {
var cookies = document.cookie.split("; ");
for (var c = 0; c < cookies.length; c++) {
var d = window.location.hostname.split(".");
while (d.length > 0) {
var cookieBase = encodeURIComponent(cookies[c].split(";")[0].split("=")[0]) + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT; domain=' + d.join('.') + ' ;path=';
var p = location.pathname.split('/');
document.cookie = cookieBase + '/';
while (p.length > 0) {
document.cookie = cookieBase + p.join('/');
p.pop();
};
d.shift();
}
}
})();
在我自己对此感到有些沮丧之后，我将这个函数拼凑在一起，它将尝试从所有路径中删除一个命名的 cookie。只需为您的每个 cookie 调用此命令，您应该比以前更接近于删除每个 cookie。
function eraseCookieFromAllPaths(name) {
// This function will attempt to remove a cookie from all paths.
var pathBits = location.pathname.split('/');
var pathCurrent = ' path=';
// do a simple pathless delete first.
document.cookie = name + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT;';
for (var i = 0; i < pathBits.length; i++) {
pathCurrent += ((pathCurrent.substr(-1) != '/') ? '/' : '') + pathBits[i];
document.cookie = name + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT;' + pathCurrent + ';';
}
}
一如既往，不同的浏览器有不同的行为，但这对我有用。享受。
如果您有权访问 jquery.cookie 插件，则可以通过以下方式清除所有 cookie：
for (var it in $.cookie()) $.removeCookie(it);
据我所知，没有办法全面删除域上设置的任何 cookie。如果您知道名称并且脚本与 cookie 位于同一域中，则可以清除 cookie。
您可以将值设置为空，并将到期日期设置为过去的某个时间：
var mydate = new Date();
mydate.setTime(mydate.getTime() - 1);
document.cookie = "username=; expires=" + mydate.toGMTString();
有一个关于使用 javascript 操作 cookie 的excellent article here。
document.cookie="username;expires=" + new Date(0).toGMTString() - 如果 cookie 在 1 秒前或 1970 年过期，差别不大
Path 值的 cookie。
以下代码将删除当前域和所有尾随子域（www.some.sub.domain.example、.some.sub.domain.example、.sub.domain.example 等）中的所有 cookie。
单行香草 JS 版本（我认为这里唯一没有使用 cookie.split() 的版本）：
document.cookie.replace(/(?<=^|;).+?(?=\=|;|$)/g, name => location.hostname.split('.').reverse().reduce(domain => (domain=domain.replace(/^\.?[^.]+/, ''),document.cookie=`${name}=;max-age=0;path=/;domain=${domain}`,domain), location.hostname));
这是这一行的可读版本：
document.cookie.replace(
/(?<=^|;).+?(?=\=|;|$)/g,
name => location.hostname
.split(/\.(?=[^\.]+\.)/)
.reduceRight((acc, val, i, arr) => i ? arr[i]='.'+val+acc : (arr[i]='', arr), '')
.map(domain => document.cookie=`${name}=;max-age=0;path=/;domain=${domain}`)
);
受此处的第二个答案和 W3Schools 影响的答案
document.cookie.split(';').forEach(function(c) {
document.cookie = c.trim().split('=')[0] + '=;' + 'expires=Thu, 01 Jan 1970 00:00:00 UTC;';
});
似乎在工作
编辑：哇几乎与 Zach 有趣的 Stack Overflow 如何将它们彼此相邻的方式完全相同。
编辑：显然是暂时的 nvm
更简单。快点。
function deleteAllCookies() {
var c = document.cookie.split("; ");
for (i in c)
document.cookie =/^[^=]+/.exec(c[i])[0]+"=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
如果您担心只清除安全源上的 cookie，您可以使用 Cookie Store API 及其 .delete() 方法。
cookieStore.getAll().then(cookies => cookies.forEach(cookie => {
console.log('Cookie deleted:', cookie);
cookieStore.delete(cookie.name);
}));
访问 Cookie Store API 的 caniuse.com 表以检查浏览器支持。
我不知道为什么第一个投票的答案对我不起作用。
正如 this answer 所说：
没有 100% 的解决方案可以删除浏览器 cookie。问题在于，cookie 不仅由它们的键“名称”唯一标识，而且由它们的“域”和“路径”唯一标识。在不知道 cookie 的“域”和“路径”的情况下，您无法可靠地删除它。此信息无法通过 JavaScript 的 document.cookie 获得。它也不能通过 HTTP Cookie 标头获得！
所以我的想法是添加一个带有全套设置、获取、删除cookie的cookie版本控制：
var cookie_version_control = '---2018/5/11';
function setCookie(name,value,days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name+cookie_version_control + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name+cookie_version_control + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function removeCookie(name) {
document.cookie = name+cookie_version_control+'=; Max-Age=-99999999;';
}
let expireTime = now.getTime(); now.setTime(expireTime); document.cookie =document.cookie+';expires='+now.toUTCString()+';path=/'; 将删除 cookie。
想我会分享这个清除cookie的方法。也许在某些时候它可能对其他人有所帮助。
var cookie = document.cookie.split(';');
for (var i = 0; i < cookie.length; i++) {
var chip = cookie[i],
entry = chip.split("="),
name = entry[0];
document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
Path 值的 cookie。
我有一些更复杂和面向 OOP 的 cookie 控制模块。它还包含清除所有现有 cookie 的 deleteAll 方法。请注意，此版本的 deleteAll 方法的设置 path=/ 会导致删除当前域中的所有 cookie。如果您只需要从某个范围内删除 cookie，则必须升级此方法，为此方法添加动态 path 参数。
有主 Cookie 类：
import {Setter} from './Setter';
export class Cookie {
/**
* @param {string} key
* @return {string|undefined}
*/
static get(key) {
key = key.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1');
const regExp = new RegExp('(?:^|; )' + key + '=([^;]*)');
const matches = document.cookie.match(regExp);
return matches
? decodeURIComponent(matches[1])
: undefined;
}
/**
* @param {string} name
*/
static delete(name) {
this.set(name, '', { expires: -1 });
}
static deleteAll() {
const cookies = document.cookie.split('; ');
for (let cookie of cookies) {
const index = cookie.indexOf('=');
const name = ~index
? cookie.substr(0, index)
: cookie;
document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/';
}
}
/**
* @param {string} name
* @param {string|boolean} value
* @param {{expires?:Date|string|number,path?:string,domain?:string,secure?:boolean}} opts
*/
static set(name, value, opts = {}) {
Setter.set(name, value, opts);
}
}
Cookie setter 方法（Cookie.set）相当复杂，因此我将其分解为其他类。有这个的代码：
export class Setter {
/**
* @param {string} name
* @param {string|boolean} value
* @param {{expires?:Date|string|number,path?:string,domain?:string,secure?:boolean}} opts
*/
static set(name, value, opts = {}) {
value = Setter.prepareValue(value);
opts = Setter.prepareOpts(opts);
let updatedCookie = name + '=' + value;
for (let i in opts) {
if (!opts.hasOwnProperty(i)) continue;
updatedCookie += '; ' + i;
const value = opts[i];
if (value !== true)
updatedCookie += '=' + value;
}
document.cookie = updatedCookie;
}
/**
* @param {string} value
* @return {string}
* @private
*/
static prepareValue(value) {
return encodeURIComponent(value);
}
/**
* @param {{expires?:Date|string|number,path?:string,domain?:string,secure?:boolean}} opts
* @private
*/
static prepareOpts(opts = {}) {
opts = Object.assign({}, opts);
let {expires} = opts;
if (typeof expires == 'number' && expires) {
const date = new Date();
date.setTime(date.getTime() + expires * 1000);
expires = opts.expires = date;
}
if (expires && expires.toUTCString)
opts.expires = expires.toUTCString();
return opts;
}
}
document.cookie.split(";").forEach(function(c) {
document.cookie = c.replace(/^ +/, "").replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/");
});
//clearing local storage
localStorage.clear();
Path 值的 cookie。
这是 delete all cookies in JavaScript 的简单代码。
function deleteAllCookies(){
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++)
deleteCookie(cookies[i].split("=")[0]);
}
function setCookie(name, value, expirydays) {
var d = new Date();
d.setTime(d.getTime() + (expirydays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = name + "=" + value + "; " + expires;
}
function deleteCookie(name){
setCookie(name,"",-1);
}
运行函数 deleteAllCookies() 以清除所有 cookie。
Path 值的 cookie。
您可以通过查看 document.cookie 变量来获取列表。将它们全部清除只是循环所有它们并逐个清除它们的问题。
//Delete all cookies
function deleteAllCookies() {
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:01 GMT;' +
'path=' + '/;' +
'domain=' + window.location.host + ';' +
'secure=;';
}
}
Path 值的 cookie。
函数式方法 + ES6
const cookieCleaner = () => {
return document.cookie.split(";").reduce(function (acc, cookie) {
const eqPos = cookie.indexOf("=");
const cleanCookie = `${cookie.substr(0, eqPos)}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;`;
return `${acc}${cleanCookie}`;
}, "");
}
注意：不处理路径
这里的几个答案不能解决路径问题。我相信：如果您控制网站或其中的一部分，您应该知道使用的所有路径。因此，您只需让它从所有使用的路径中删除所有 cookie。因为我的网站已经有 jquery（并且出于懒惰），所以我决定使用 jquery cookie，但是您可以根据其他答案轻松地将其调整为纯 javascript。
在此示例中，我删除了电子商务平台正在使用的三个特定路径。
let mainURL = getMainURL().toLowerCase().replace('www.', '').replace('.com.br', '.com'); // i am a brazilian guy
let cookies = $.cookie();
for(key in cookies){
// default remove
$.removeCookie(key, {
path:'/'
});
// remove without www
$.removeCookie(key, {
domain: mainURL,
path: '/'
});
// remove with www
$.removeCookie(key, {
domain: 'www.' + mainURL,
path: '/'
});
};
// get-main-url.js v1
function getMainURL(url = window.location.href){
url = url.replace(/.+?\/\//, ''); // remove protocol
url = url.replace(/(\#|\?|\/)(.+)?/, ''); // remove parameters and paths
// remove subdomain
if( url.split('.').length === 3 ){
url = url.split('.');
url.shift();
url = url.join('.');
};
return url;
};
我将 .com 站点更改为 .com.br，因为我的站点是多域和多语言的
我在这里做出贡献是因为此功能将允许您删除所有 cookie（匹配路径，默认为 no-path 或 \）以及设置为包含在子域中的 cookie
function clearCookies( wildcardDomain=false, primaryDomain=true, path=null ){
pathSegment = path ? '; path=' + path : ''
expSegment = "=;expires=Thu, 01 Jan 1970 00:00:00 GMT"
document.cookie.split(';').forEach(
function(c) {
primaryDomain && (document.cookie = c.replace(/^ +/, "").replace(/=.*/, expSegment + pathSegment))
wildcardDomain && (document.cookie = c.replace(/^ +/, "").replace(/=.*/, expSegment + pathSegment + '; domain=' + document.domain))
}
)
}
在针对多种样式的 cookie 测试了多种样式的浏览器中列出的几乎所有方法之后，我发现这里几乎没有任何东西可以工作，甚至 50%。
请根据需要帮助纠正，但我要在这里投入我的 2 美分。以下方法分解了所有内容，基本上基于设置部分构建 cookie 值字符串，并包括逐步构建路径字符串，当然从 / 开始。
希望这对其他人有所帮助，我希望任何批评都可能以完善这种方法的形式出现。起初，我想要一个简单的 1-liner，就像其他人想要的那样，但是 JS cookie 是那些不容易处理的东西之一。
;(function() {
if (!window['deleteAllCookies'] && document['cookie']) {
window.deleteAllCookies = function(showLog) {
var arrCookies = document.cookie.split(';'),
arrPaths = location.pathname.replace(/^\//, '').split('/'), // remove leading '/' and split any existing paths
arrTemplate = [ 'expires=Thu, 01-Jan-1970 00:00:01 GMT', 'path={path}', 'domain=' + window.location.host, 'secure=' ]; // array of cookie settings in order tested and found most useful in establishing a "delete"
for (var i in arrCookies) {
var strCookie = arrCookies[i];
if (typeof strCookie == 'string' && strCookie.indexOf('=') >= 0) {
var strName = strCookie.split('=')[0]; // the cookie name
for (var j=1;j<=arrTemplate.length;j++) {
if (document.cookie.indexOf(strName) < 0) break; // if this is true, then the cookie no longer exist
else {
var strValue = strName + '=; ' + arrTemplate.slice(0, j).join('; ') + ';'; // made using the temp array of settings, putting it together piece by piece as loop rolls on
if (j == 1) document.cookie = strValue;
else {
for (var k=0;k<=arrPaths.length;k++) {
if (document.cookie.indexOf(strName) < 0) break; // if this is true, then the cookie no longer exist
else {
var strPath = arrPaths.slice(0, k).join('/') + '/'; // builds path line
strValue = strValue.replace('{path}', strPath);
document.cookie = strValue;
}
}
}
}
}
}
}
showLog && window['console'] && console.info && console.info("\n\tCookies Have Been Deleted!\n\tdocument.cookie = \"" + document.cookie + "\"\n");
return document.cookie;
}
}
})();
查询：
var cookies = $.cookie();
for(var cookie in cookies) {
$.removeCookie(cookie);
}
香草JS
function clearListCookies()
{
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++)
{
var spcook = cookies[i].split("=");
deleteCookie(spcook[0]);
}
function deleteCookie(cookiename)
{
var d = new Date();
d.setDate(d.getDate() - 1);
var expires = ";expires="+d;
var name=cookiename;
//alert(name);
var value="";
document.cookie = name + "=" + value + expires + "; path=/acc/html";
}
window.location = ""; // TO REFRESH THE PAGE
}
Path 值的 cookie。
如果您想使用 js-cookie npm 包并按名称删除 cookie：
import cookie from 'js-cookie'
export const removeAllCookiesByName = (cookieName: string) => {
const hostParts = location.host.split('.')
const domains = hostParts.reduce(
(acc: string[], current, index) => [
...acc,
hostParts.slice(index).join('.'),
],
[]
)
domains.forEach((domain) => cookie.remove(cookieName, { domain }))
}
我在 IE 和 Edge 中发现了一个问题。 Webkit 浏览器（Chrome、safari）似乎更宽容。设置 cookie 时，请始终将“路径”设置为某些内容，因为默认设置为设置 cookie 的页面。因此，如果您尝试在其他页面上使其过期而不指定“路径”，则路径将不匹配并且不会过期。 document.cookie 值不显示 cookie 的路径或过期时间，因此您无法通过查看值来推断 cookie 的设置位置。
如果您需要使来自不同页面的 cookie 过期，请将设置页面的路径保存在 cookie 值中，以便稍后将其拉出或始终将 "; path=/;" 附加到 cookie 值中。然后它将从任何页面到期。
name = ""来删除无名值。trim()额外的空间或split('; ')（通过 ';'）使其正常工作。我提出了一个编辑。