如何创建、删除、获得cookie及其风封装

113 阅读1分钟

1、创建cookie

 let now = new Date();
    now.setDate(now.getDate() + 1);
    document.cookie = 'username=zhujun;expires=' + now.toUTCString();

2、删除cookie

let now2 = new Date();
    now2.setDate(now2.getDate() - 1);
     document.cookie = "username=zhujun;expires=" + now2.toUTCString();

3、创建cookie封装

 function setCookie(key, val, expires) {
            let now = new Date();
            now.setDate(now.getDate() + 1);
            document.cookie = `${key}=${val};expires=${now.toUTCString()}`;
        }
        setCookie("zhujun01", 20, 5);
        setCookie("Mary", 10, 5);
        setCookie("Tom", 20, 5);
        console.log(document.cookie);

4、获得cookie封装

function getCookie() {
            let cookieStr = document.cookie.split("; ");
            let obj = {};
            cookieStr.forEach(item => {
                //将每个数组元素按照 = 分割
                let kv = item.split("=");
                let key = kv[0];
                let keyValue = kv[1];
                obj[key] = keyValue;
            });
            return obj;
        }
        console.log(getCookie());
        console.log(getCookie().zhujun01);
        console.log(getCookie().Mary);

5、删除cookie封装

function removeCookie(key) {
            setCookie(key, null, -1)
        }
        removeCookie("Tom");
        console.log(document.cookie);