使用js操作cookie和浏览器关闭时删除指定cookie

2019独角兽企业重金招聘Python工程师标准>>>

前几天在项目中需要在浏览器关闭时删掉指定的cookie，但当时一时钻入死胡同了，只想着在浏览器关闭时使用js中的onunload或onbeforeunload事件来删除。但当时试了很多种方法，怎么都没法删掉这个cookie。以下为js操作cookie的代码。（摘自网上）

//取得项名称为offset的cookie值 
function GetCookieVal (offset)
{
    var endstr = document.cookie.indexOf (";", offset);
    if (endstr == -1)
    endstr = document.cookie.length;
    return unescape(document.cookie.substring(offset, endstr));
}
  
//取得名称为name的cookie值 
function GetCookie (name) {
    var arg = name + "=";
    var alen = arg.length;
    var clen = document.cookie.length;
    var i = 0;
    while (i < clen)
    {
        var j = i + alen;
        if (document.cookie.substring(i, j) == arg)
        return GetCookieVal (j);
        i = document.cookie.indexOf(" ", i) + 1;
        if (i == 0) break;
    }
    return null;
}
  
//删除名称为name的Cookie
function DeleteCookie (name) 
{   
    var exp = new Date();
    exp.setTime (exp.getTime() - 1);
    var cval = GetCookie (name);
    document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
  
//清除COOKIE
function ClearCookies()
{
    if(confirm('你确定要清空所有COOKIE吗？'))
    {
        var temp=document.cookie.split(";");
        var ts;
        for (var i=0;;i++)
        {
            if(!temp[i])break;
            ts=temp[i].split("=")[0];
            DeleteCookie(ts);
        }
        alert('COOKIE已清除！');
    }
}

后来才猛然想起，如果我在后台添加cookie到响应头时，就不指定过期时间，那么这个cookie就是一个会话型cookie，当浏览器关闭时，这个cookie就会被浏览器自动删除。

但当时我就想不明白为什么使用js删除就不行，于是就跑到网上去问。终于有大神给出了答案，原来在后台添加cookie时，设置了cookie的HttpOnly属性为true，这样当前cookie就不能通过客户端浏览器的脚本来访问。我后来自己去试了一下，果然如此。当然js删除cookie失败的可能原因并不只于此，具体参考以下博文：http://www.cnblogs.com/gossip/archive/2011/12/06/2278282.html

转载于:https://my.oschina.net/u/1756499/blog/295142