JS 里写读 cookie

作者:chilleen 来源:ITPOW(原创) 日期:2006-7-25

在 ASP 里面写读 cookie 比较简单,用 response.cookies 和 request.cookies 即可实现。请参见:ASP中Cookie使用指南

而在 JS(JavaScript) 里就比较复杂了,在 ASP 里面我们只需要知道 cookie 的名称、cookie 的值就行了,而 JS 里面,我们面对的是 cookie 的字符串,你自己编写这个字符串写入客户端,然后自己解析这个字符串。

一、从写 cookie 说起,注意此举例来自 ITPOW 论坛

var the_date = new Date("December 31, 2020");
var expiresDate = the_date.toGMTString();
document.cookie = "userDefineCSS=" + escape(title) + "; expires=" + expiresDate;

第一句是日期对象;

第二句将日期格式转换成 GMT 格式;编者注: GMT 即格林威治标准时间,现在也称 UTC 即全球标准时间。

第三句是将 cookie 内容写入客户端。

其中 expires 是系统使用的,表示 cookie 的失效日期(也可以省略),expires 不可读

escape 是对 cookie 值进行编码,这是为了处理中文、空格等而设立的。

二、取 cookie 是比较简单的,但要将各个 cookie 名称对应的值解析出来就比较复杂了,还是以 ITPOW 论坛 为例。

function GetCSS()
{
    var cookieStr = document.cookie; //取 cookie 字符串,由于 expires 不可读,所以 expires 将不会出现在 cookieStr 中。
    
    if (cookieStr == "")
    {
        return "main1"; //没有取到 cookie 字符串,返回默认值
    }
   
    var cookieValue = cookieStr.split("; "); //将各个 cookie 分隔开,并存为数组,多个 cookie 之间用分号加空隔隔开,不过前面我们只使用了一个 cookie,它的值与 expires 之间也是用分号加空格隔开的
    var varName = "userDefineCSS";
    var startPos = -1;
    var endPos = -1;
    for (var i=0; i<cookieValue.length; i++)
    {
        startPos = cookieValue[i].indexOf(varName);
        if (startPos != 0)
        {
            continue; //当前 cookie 不是名称为 varName 的 cookie,判断下一个 cookie
        }
        startPos += varName.length + 1; //当前 cookie 就是名称为 varName 的 cookie,由于有等号,所以 +1
        endPos = cookieValue[i].length;
        var css = unescape(cookieValue[i].substring(startPos, endPos));
        return css;
    }
   
    return "main1";
}

由于写 cookie 时使用了 escape,所以返回 cookie 值时使用 unescape 进行解码。

网友评论

  • 怎么把Sat Now 10 15:30:00 UTC+0800 2007转换成11/5和2007-10-15两种格式?(447169720 2007-11-05 16:41:02)
相关文章