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

前几天在项目中需要在浏览器关闭时删掉指定的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

你可能感兴趣的:(js,浏览器,cookie)