js操作cookie方法

Cookie 字符串

document.cookie 属性看起来像一个正常的文本字符串，但它并不是。即使你向 document.cookie 写一份完整的 cookie 字符串，当再次读取时，你只能看到它的名称-值对。

通过js读取document.cookie的值就像这样：

cookieKey1=value; cookieKey2=value

比如一个实际的document.cookie例子：

account=admin; ssid=0e20962dd7cb402011ae3909648819ca

js所有对cookie的操作其实都是通过对document.cookie 进行操作实现的；而且只能对当前domain的cookie进行操作，无法跨domain操作。

读取 cookie 的函数

读取cookie的函数只能获取指定cookie的value值，无法获取像超时时间和path等这样的信息，读取cookie的函数代码如下：

function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
         }
         if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
         }
     }
    return "";
} 

设置 cookie 的函数

cookie有个特性就是如果设置了新 cookie（cookie的name和path都一样），则旧的 cookie 会被覆盖掉；否则，新的 Cookie 会被添加到 document.cookie，所以如果你想对cookie进行增加，修改和删除，都可以通过设置cookie函数实现，设置cookie函数如下：

function setCookie(cname, cvalue, exdays, path) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=" + path;
}

注意：

1. 新增cookie直接调用该函数即可
2. 如果新增的cookie的名称和path已经存在，则会覆盖已有的cookie，即是对cookie进行修改
3. 如果想删除cookie，则通过该函数设置指定的cookie的超时时间为当前或者已过去的时间即可。比如，删除一个名为 ssid，path为 /sbs 的cookie

setCookie('ssid', '', 0, '/sbs');