如何设置,获取,删除cookie?

cookie : 存储数据，当用户访问了某个网站（网页）的时候，我们就可以通过cookie来像访问者电脑上存储数据
1.不同的浏览器存放的cookie位置不一样，也是不能通用的
2.cookie的存储是以域名形式进行区分的
3.cookie的数据可以设置名字的
4.一个域名下存放的cookie的个数是有限制的，不同的浏览器存放的个数不一样
5.每个cookie存放的内容大小也是有限制的，不同的浏览器存放大小不一样
我们通过document.cookie来获取当前网站下的cookie的时候，得到的字符串形式的值，他包含了当前网站下所有的cookie。他会把所有的cookie通过一个分号+空格的形式串联起来
如果我们想长时间存放一个cookie。需要在设置这个cookie的时候同时给他设置一个过期的时间
cookie默认是临时存储的，当浏览器关闭进程的时候自动销毁

例子: document.cookie='key=value;key=value;expires=new Date().toGMTString()'; 

function setCookie(key, value, t) {
var oDate = new Date();
oDate.setDate( oDate.getDate() + t );
document.cookie = key + '=' + value + ';expires=' + oDate.toGMTString();
}

function getCookie(key) {
var arr1 = document.cookie.split('; ');
for (var i=0; i<arr1.length; i++) {
var arr2 = arr1[i].split('=');
if ( arr2[0] == key ) {
return decodeURI(arr2[1]);
}
}
}

function removeCookie(key) {
setCookie(key, '', -1);
}

setCookie('sex','男', 10);//这里调用函数,传递需要设置的键值以及时间,就能设置cookie了.

 

// 以下也是一种

var SGRCookie={
    setCookie: function(key, val, T)
    {
        var date=new Date();
        date.setDate(date.getDate()+T);
        document.cookie=key+"="+JSON.stringify(val)+";"+"expires="+date.toGMTString();
    },
    getCookie: function(key)
    {
        var ck=document.cookie.split("; ");
        for(var i=0;i<ck.length;i++)
        {
            var ck_list=ck[i].split("=");
            if(ck_list[0]==key)
            {
            return JSON.parse(ck_list[1]);
        }
      }
    },
    rmCookie: function(key)
    {
        SGRCookie.setCookie(key);
    }
};
SGRCookie.setCookie("data",{"name":"week","age":"20","sex":"男"});
var data=SGRCookie.getCookie("data");

 

function getCookie(key){
key = encodeURI(key);
var arr, reg = new RegExp("(^| )"+key+"=([^;]*)(;|$)");
if(arr = document.cookie.match(reg)){
return decodeURI(arr[2]);
} else {
return null;
}
}

function setCookie(key,value,time){
if(typeof value === "object"){
value = JSON.stringify(value);
}
var key = encodeURI(key), value = encodeURI(value), expires = new Date();

expires.setTime(expires.getTime() + time * 365 * 24);
document.cookie = key + "=" + value + ";expires=" + expires.toUTCString() + ";path=/";
}

function delCookie(key){
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval = getCookie(key);
if(cval != null){
document.cookie = key + "=" + cval + ";expires=" + exp.toGMTString();
}
}