如何删除cookie？

Question

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

Answer 1

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

Answer 2

试试这个：

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 + '=');
    });
}

Answer 3

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

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

Answer 4

这行得通吗？

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

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

Answer 5

这是一个 delete cookie 函数的实现，Mozilla 支持 unicode：

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（下面使用类似的 approach）：

$cookies.remove('cookieName');

Answer 6

为了删除一个 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");

Answer 7

我在删除通过 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);}
 }
}

Answer 8

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

这是删除 cookie 的快速方法：

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

如果这不起作用，请尝试在上面的 sn-p 中将 location.host 替换为 location.hostname。

Answer 9

对于只需要 1 行代码删除 cookie 的人：

如果您创建了一个 cookie，例如在带有 document.cookie = "test=hello" 的 Web 浏览器控制台中

你可以删除它：

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

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

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

如果您位于与 cookie 不同的路径（例如，如果您想删除在所有路径上使用的 cookie），您可以在 test=; 之后添加 path=/; 并且如果您位于不同的域 (例如，当使用.example.com而不是www.example.com为所有子域设置cookie时，您可以在test=;之后添加domain=.example.com;。

更新：在其他答案中使用 Max-Age=0 代替 expires=... 也有效（已使用 Firefox 测试）。

Answer 10

我在支持 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' }