封装cookie，获取、设置、删除cookie

// 第一种
// 获取cooke
function getcookie(key){
    var cookie=document.cookie;
    var arr=[];
    var oName=[];
    var oValue=[];
    //将数组以；分割
    var newcookie=cookie.split(";");
    for(var i=0;i<newcookie.length;i++){
        //将数组以=分割
        arr.push(newcookie[i].split("="));
    }
//        循环添加key值和value值
    for(var j=0;j<arr.length;j++){
        oName.push(arr[j][0]);
        oValue.push(arr[j][1]);
    }
    //清除空格 判断返回数组
    for(var k=0;k<oName.length;k++){
        oName[k]=oName[k].replace(" ","");
        if(oName[k]==key){
            return [oName[k],oValue[k]];
        }
    }
}
//设置cookie
function setcookie(key,value,time){
    time=new Date();
    time.setDate(time.getDate()+30);
    document.cookie=`${key}=${value};expires=`+time;
}
// 删除cookie
function clearcookie() {
    setcookie(key,getcookie(key)[1],-1)
    // getcookie(key)[1]获得两个值，一个k值，一个value,需要的值为value
    // -1为过期事件
    // document.cookie='name:value;expires=time';
}

// 第二种
var Cookie = {
    // 读取
    read : function(name){
        var cookieStr = "; "+document.cookie+"; ";
        var index = cookieStr.indexOf("; "+name+"=");
        if (index!=-1){
            var s = cookieStr.substring(index+name.length+3,cookieStr.length);
            return unescape(s.substring(0, s.indexOf("; ")));
        }else{
            return null;
        }
    },
    // 设置
    set : function(name,value,expires){
        var expDays = expires*24*60*60*1000;
        var expDate = new Date();
        expDate.setTime(expDate.getTime()+expDays);
        var expString = expires ? "expires="+expDate.toGMTString() : "";
        var pathString = ";path=/";
        document.cookie = name + "=" + escape(value) + expString + pathString;
    },
    // 删除
    del : function(name){
        var exp = new Date(new Date().getTime()-1);
        var s=this.read(name);
        if(s!=null) {
            document.cookie= name + "="+s+"expires="+exp.toGMTString()+";path=/"
            // toGMTString()根据格林威治时间 (GMT) 把 Date 对象转换为字符串，并返回结果
        }
    }
};
// demo:
Cookie.set("xuanfengge", "www.xuanfengge.com", 7);
alert(Cookie.read("xuanfengge"));
Cookie.del("xuanfengge");