JavaScript 操作Cookie

创建Cookie：

document.cookie="user=zhangsan"; //cookie是一个key-value的键值对

添加过期时间：(默认关闭浏览器删除)
document.cookie="user=zhangsan;expires=Thu,18 Dec 2017 12:00:00 GMT";

添加path路径：（默认当前路径）
document.cookie="user=zhangsan;expires=Thu,18 Dec 2017 12:00:00 GMT;path=/";

读取cookie

var x = document.cookie;
以字符串的形式返回所有的cookie，格式:cookie1=value;cookie2=value;

修改Cookie

和创建类似，在cookie name一致的情况下，新的cookie会覆盖旧 的cookie值

document.cookie="user=lisi;expires="Thu, 18 Dec 2013 12:00:00 GMT; path=/"

删除cookie

删除cookie只要指定cookie的过期时间比当前时间小即可
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

可以看到，如果我们想获得特定cookie 的值，需要写一个函数，下面我们写一个设置cookie，获取特定cookie值的函数

设置cookie值的函数

/**
*cname cookie的名
*cvalue cookie的值
*exdays 过期天数
*/
function setCookie(cname,cvalue,exdays){
     var d = new Date(); //获取当前的时间
     d.setTime(d.getTime()+(exdays*24*60*60*1000)); //设置新的时间，为当前时间+exdays天数
     var expires = "expires="+d.toGMTString();
     document.cookie = cname+"="+cvalue+";"+expires;
}


获取指定cookie值的函数

//cname 为cookie的名 如user
function getCookie(cname){
     var name = cname +"="; 
     var ca = document.cookie.split(';');
     for(var i=0;i<ca.length;i++){
         var c = ca[i].trim();
         if(c.indexOf(name)==0) return c.substring(name.length,c.length); 
     }
     return "";
}

注意：更新cookie的path必须一致，不然是两个不同的cookie！