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;
}
注意:
- 新增cookie直接调用该函数即可
- 如果新增的cookie的名称和path已经存在,则会覆盖已有的cookie,即是对cookie进行修改
- 如果想删除cookie,则通过该函数设置指定的cookie的超时时间为当前或者已过去的时间即可。比如,删除一个名为 ssid,path为 /sbs 的cookie
setCookie('ssid', '', 0, '/sbs');