筑坐极_Cookie(浏览器端)的缓存

(1)添加Cookie

代码:

let u = {name:"Vernon", age:18, job:"web design"};
//添加Cookie
setCookie("userInfo",JSON.stringify(u),1);
setCookie("Tom","19",1)
setCookie("computerLanguage","Java",2)
function setCookie(cName, cVal, expireDays){
    if(cName && cVal){
        cName = cName.replace(/\s+/g, "");//根据正则表达式把空格替换成"",相当与去空格
        cVal = cVal.trim("");//去掉首位空格
        let date = new Date();
        console.log(date.getTime());
        let t = date.getTime() + expireDays * 24 * 60 * 60 *1000;//生成时间戳+两天的毫秒数

        date.setTime(t);
        let utc = date.toUTCString();
        console.log(utc);

        document.cookie = cName + "=" + cVal + ";expires=" + utc + ";path=/";

    }
}

Cookie(浏览器端)的缓存

(2)查看Cookie

代码:

let cV = getCookie("userInfo");
console.log(cV);
function getCookie(cName){
    //console.log(document.cookie);
    if(!cName){
        return "";
    }
    let arr = document.cookie.split("; ");//
    cName += "=";
    for (let i = 0; i <arr.length ; i++) {
        if(arr[i].startsWith(cName)){//每个cookie整体生成的是个字符串"key=value"
            return arr[i].substring(cName.length);//
        }
    }
    return "";
}

Cookie(浏览器端)的缓存

(3)删除Cookie

代码:

function setCookie(cName, cVal, expireDays){
    if(cName && cVal){
        cName = cName.replace(/\s+/g, "");//根据正则表达式把空格替换成"",相当与去空格
        cVal = cVal.trim("");//去掉首位空格
        let date = new Date();
        console.log(date.getTime());
        let t = date.getTime() + expireDays * 24 * 60 * 60 *1000;//生成时间戳+两天的毫秒数

        date.setTime(t);
        let utc = date.toUTCString();
        console.log(utc);

        document.cookie = cName + "=" + cVal + ";expires=" + utc + ";path=/";

    }
}
setCookie("Tom","12",0);

Cookie(浏览器端)的缓存

(4)修改Cookie

代码:

function setCookie(cName, cVal, expireDays){
    if(cName && cVal){
        cName = cName.replace(/\s+/g, "");//根据正则表达式把空格替换成"",相当与去空格
        cVal = cVal.trim("");//去掉首位空格
        let date = new Date();
        console.log(date.getTime());
        let t = date.getTime() + expireDays * 24 * 60 * 60 *1000;//生成时间戳+两天的毫秒数

        date.setTime(t);
        let utc = date.toUTCString();
        console.log(utc);

        document.cookie = cName + "=" + cVal + ";expires=" + utc + ";path=/";

    }
}

setCookie("computerLanguage","C++",2)

Cookie(浏览器端)的缓存

代码虐我千百遍我对代码初恋

Cookie(浏览器端)的缓存

徐**

js

编写方法操作Cookie，实现对Cookie的增删改查操作

2021.09.05

866人

徐**

安徽省巢湖地区巢湖市

Hot:3428

徐**

当前作品暂无评分

还未获得评语哦~