如何删除cookie?

问题描述 投票:0回答:15

我创建cookie的函数正确吗?如何删除程序开头的 cookie?有简单的编码吗?

function createCookie(name,value,days)
function setCookie(c_name,value,1) {
  document.cookie = c_name + "=" +escape(value);
}

setCookie('cookie_name',mac);

function eraseCookie(c_name) {
  createCookie(cookie_name,"",-1);
}
javascript cookies
15个回答
426
投票

试试这个:

function delete_cookie( name, path, domain ) {
  if( get_cookie( name ) ) {
    document.cookie = name + "=" +
      ((path) ? ";path="+path:"")+
      ((domain)?";domain="+domain:"") +
      ";expires=Thu, 01 Jan 1970 00:00:01 GMT";
  }
}

您可以像这样定义

get_cookie()

function get_cookie(name){
    return document.cookie.split(';').some(c => {
        return c.trim().startsWith(name + '=');
    });
}

163
投票

这里有一个关于 Quirksmode 的好链接。

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 + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    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 eraseCookie(name) {   
    document.cookie = name+'=; Max-Age=-99999999;';  
}

58
投票

这行得通吗?

function eraseCookie(name) {
    document.cookie = name + '=; Max-Age=0'
}

我知道

Max-Age
在创建cookie时会导致cookie成为IE中的会话cookie。不知道删除 cookie 时它是如何工作的。


36
投票

如果您手动创建 cookie,其他一些解决方案可能不起作用。

以下是删除 cookie 的快速方法:

document.cookie = 'COOKIE_NAME=; Max-Age=0; path=/; domain=' + location.host;

如果这不起作用,请尝试将上面代码片段中的

location.host
替换为
location.hostname


19
投票

这里是 Mozilla 支持 unicode 的删除 cookie 函数的实现:

function removeItem(sKey, sPath, sDomain) {
    document.cookie = encodeURIComponent(sKey) + 
                  "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + 
                  (sDomain ? "; domain=" + sDomain : "") + 
                  (sPath ? "; path=" + sPath : "");
}

removeItem("cookieName");

如果您使用 AngularJs,请尝试 $cookies.remove(其下方使用类似的 方法):

$cookies.remove('cookieName');

18
投票

您可以通过将到期日期设置为昨天来做到这一点。

设置为“-1”不起作用。这将 cookie 标记为 Sessioncookie。


16
投票

要删除 cookie,我使用空值再次设置它,并在 1 秒后过期。 具体来说,我总是使用以下口味之一(我更喜欢第二种):

1.

    function setCookie(key, value, expireDays, expireHours, expireMinutes, expireSeconds) {
        var expireDate = new Date();
        if (expireDays) {
            expireDate.setDate(expireDate.getDate() + expireDays);
        }
        if (expireHours) {
            expireDate.setHours(expireDate.getHours() + expireHours);
        }
        if (expireMinutes) {
            expireDate.setMinutes(expireDate.getMinutes() + expireMinutes);
        }
        if (expireSeconds) {
            expireDate.setSeconds(expireDate.getSeconds() + expireSeconds);
        }
        document.cookie = key +"="+ escape(value) +
            ";domain="+ window.location.hostname +
            ";path=/"+
            ";expires="+expireDate.toUTCString();
    }

    function deleteCookie(name) {
        setCookie(name, "", null , null , null, 1);
    }

用途:

setCookie("reminder", "buyCoffee", null, null, 20);
deleteCookie("reminder");

2

    function setCookie(params) {
        var name            = params.name,
            value           = params.value,
            expireDays      = params.days,
            expireHours     = params.hours,
            expireMinutes   = params.minutes,
            expireSeconds   = params.seconds;

        var expireDate = new Date();
        if (expireDays) {
            expireDate.setDate(expireDate.getDate() + expireDays);
        }
        if (expireHours) {
            expireDate.setHours(expireDate.getHours() + expireHours);
        }
        if (expireMinutes) {
            expireDate.setMinutes(expireDate.getMinutes() + expireMinutes);
        }
        if (expireSeconds) {
            expireDate.setSeconds(expireDate.getSeconds() + expireSeconds);
        }

        document.cookie = name +"="+ escape(value) +
            ";domain="+ window.location.hostname +
            ";path=/"+
            ";expires="+expireDate.toUTCString();
    }

    function deleteCookie(name) {
        setCookie({name: name, value: "", seconds: 1});
    }

用途:

setCookie({name: "reminder", value: "buyCoffee", minutes: 20});
deleteCookie("reminder");

14
投票

对于只需要 1 行代码即可删除 cookie 的人:

如果您创建了 cookie,例如在网络浏览器控制台中使用

document.cookie = "test=hello"

您可以通过以下方式删除它:

document.cookie = "test=;expires=" + new Date(0).toUTCString()

或者如果您更喜欢直接写 UTC 日期:

document.cookie = "test=;expires=Thu, 01 Jan 1970 00:00:00 GMT"

如果您位于与 cookie 不同的路径上(例如,如果您想删除在所有路径上使用的 cookie),则可以在

path=/;
之后添加
test=;
,并且如果您位于不同的域中(例如当使用
.example.com
而不是
www.example.com
为所有子域设置 cookie 时,您可以在
domain=.example.com;
之后添加
test=;

更新:代替

expires=...
,像其他答案一样使用
Max-Age=0
也可以(使用 Firefox 测试)。


8
投票

我在删除通过 JavaScript 创建的 cookie 时遇到了麻烦,在添加主机后它就可以工作了(将下面的代码滚动到右侧即可看到

location.host
)。清除域上的 cookie 后,请尝试以下操作以查看结果:

if (document.cookie.length==0)
{
 document.cookie = 'name=example; expires='+new Date((new Date()).valueOf()+1000*60*60*24*15)+'; path=/; domain='+location.host;

 if (document.cookie.length==0) {alert('Cookies disabled');}
 else
 {
  document.cookie = 'name=example; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain='+location.host;

  if (document.cookie.length==0) {alert('Created AND deleted cookie successfully.');}
  else {alert('document.cookies.length = '+document.cookies.length);}
 }
}

5
投票

我在我的网站上使用它,可以在 Chrome 和 Firefox 上运行。

function delete_cookie(name) { document.cookie = name +'=; Path=/;  Domain=' + location.host +  '; Expires=Thu, 01 Jan 1970 00:00:01 GMT; SameSite=None; Secure' }

0
投票
if ("JSESSIONID".equals(cookie.getName()) || "LtpaToken2".equals(cookie.getName())) {
                cookie.setValue("");
                cookie.setPath("/");
                cookie.setMaxAge(0);
                cookie.setHttpOnly(true);
                response.addCookie(cookie);
}

0
投票

我曾经从后端生成cookie并重定向到前端。我让它工作的唯一方法是在后台设置过去的过期日期并在前端重定向回


0
投票

我们无法在 JavaScript 中删除 cookie,因此要删除它,我们需要创建另一个日期更早的 cookie。

设置Cookie

let expires = null
const cookieName = 'userlogin'
const d = new Date();
d.setTime(d.getTime() + 2 * 24 * 60 * 60 * 1000);
document.cookie = cookieName + "=" + value+ ";" + expires + ";path=/";

删除Cookie

let expires = null
const d = new Date();
d.setTime(d.getTime() - 2 * 24 * 60 * 60 * 1000);
expires = "expires=" + d.toUTCString();
document.cookie = 'userlogin' + "=" + value+ ";" + expires + ";path=/";

0
投票

如果您想一次删除每个 cookie,请像这样定义

eraseCookies
函数:

function eraseCookies() {
    cookies = document.cookie.split("; ").map((a) => a.split("=")[0]) // Get the cookie names
    for (var i in cookies) {
        document.cookie = cookies[i] + "=;expires=" + new Date(0).toUTCString() // Erase each cookie
    }
}

然后您可以通过不带参数调用

eraseCookies
来删除所有cookie。

感谢此答案,了解如何删除单个 cookie。


0
投票

删除方式:

document.cookie = name+'=; Max-Age=0; path=/; domain=' + location.hostname+";expires=Thu, 01 Jan 1970 00:00:01 GMT";

使用location.hostname而不是location.host,因为location.host在指定时也会返回一个端口

name 是 cookie 名称

© www.soinside.com 2019 - 2024. All rights reserved.