如何删除Cookie?


338

我创建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);
}

1
W3Schools的具有在饼干良好的功能w3schools.com/js/js_cookies.asp。您可以setCookie('name', 'value', 0)用来删除Cookie。
皮特

Answers:


341

尝试这个:

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";
  }
}

要么:

function delete_cookie( name ) {
  document.cookie = name + '=; 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 + '=');
    });
}

2
我如何设置一个函数并检查我的cookie是什么以及它是否过期?
肯尼迪

61
未定义get_cookie
Kreker

9
该函数的第二个版本不再起作用。请参见jsfiddle jsfiddle.net/b27Lgxgf/1。@Luca的答案工作的方法
Tasos K.

6
这应该如何工作?JavaScript没有内置get_cookie()功能。
米哈尔Perłakowski

4
@MichałPerłakowski我很确定它只是要用作占位符/对您将在其他地方定义的实际函数的引用。
JSeligsohn '18

113

这是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;';  
}

20
注意:toGMTString 已弃用toUTCString
drzaus

4
注意:如果不起作用,请确保path正确。见:developers.google.com/web/tools/chrome-devtools/manage-data/...
加扬Weerakutti

域应添加。
Michael Kapustey's

3
同样值得注意的是,路径域都需要具有正确的值。
Esko

经过测试,即使在WKWebView中也可以完美地加载页面。在解决方案上做得很好。
PashaN

31

这会工作吗?

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

我知道Max-Age在创建cookie时会导致该cookie是IE中的会话cookie。不确定删除Cookie时的工作方式。


17

您可以通过将到期日期设置为昨天来完成此操作。

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


如果您在另一个页面上设置cookie并尝试从另一个页面删除它,则您的示例不起作用。该集合有效,但无法删除。
chovy

2
我最终使用了这个:github.com/carhartl/jquery-cookie并且您必须使用以下路径删除:'/'
chovy 2012年

这是一个好方法,除了...只需将到期时间设置为零即可。这将导致立即到期,并且不会引起任何人的困惑(“开发人员为什么将到期时间设置为昨天?这是一个错误,他们是否想要一天的寿命?”)。编写代码,使它更有意义,从而使您的生活不再那么混乱。如今,这在编码中被低估了。甚至MDN都建议将到期时间设置为零以删除Cookie。
dudewad

16

这是来自Mozilla的具有unicode支持的delete 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');

10

要删除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");

8

如果您手动创建了cookie,则某些其他解决方案可能无法正常工作。

这是删除Cookie的快速方法:

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

6

我在删除通过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);}
 }
}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.