【JavaScript】Cookie详解

前言：

Cookie是指web浏览器存储的少量数据，它与具体的web站点相关。Cookie数据会自动在浏览器和服务器之间传输，因此服务器端也可以读写存储在客户端的Cookie值。在JavaScript中，Cookie用于保存状态，以及为浏览器提供一种身份识别机制。
检测Cookie是否可用：navigator.cookieEnabled

Cookie的有效期和作用域

创建和存储Cookie

对Cookie的所有操作都要通过读写document对象的Cookie属性来完成。Cookie的值都是以键值对的形式存储。

//创建一个名字Cookie，同时设置它的过期时间
function setCookie(c_name,value,expiredays){
     var exdate=new Date();
     exdate.setDate(exdate.getDate()+expiredays);
     //encodeURIComponent() 对 URI 进行编码
     document.cookie=c_name+ "=" +encodeURIComponent(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

同样的，如果要设置path、domain等属性，只须以如下形式追加到Cookie值的后面:　
　　;path=path

读取Cookie

使用document.cookie可以获取到Cookie的值，不过这个值是一个字符串，为了更好地查看Cookie的值，往往会采用split()方法将Cookie中的名值对分离出来。

function getCookie(){
    // 初始化要返回的对象
    var cookie = {};
    var all = document.cookie;
    if(all === null){
        return cookie;
    }
    //分离出Cookie的各个属性
    var list = all.split(';');
    for(var i = 0;i < list.length;i++){
        // 查询出等号所在的位置
        var p = list[i].indexOf('=');
        // 分离出名字和值
        var name = list[i].substring(0,p);
        var value = list[i].substring(p+1);
        //对值进行解码
        value = decodeURIComponent(value);
        // 将名值对存储到对象中
        cookie[name] = value;
    }
    return cookie;
}

Cookie的局限性

Cookie只能存储少量的数据，每个Cookie的大小不超过4KB。RFC标准不允许浏览器保存超过300个Cookie，为每个web服务器保存的Cookie数不超过20个。
JavaScript中使用Cookie不会采用任何加密机制，因此它们是不安全的。