JavaScript如何创建cookie？如何将cookie以对象形式输出？如何清除cookie？

你的名字 2022-01-23 11:21 210阅读 0赞

<!DOCTYPE html>
    <html lang="zh-CN">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>
    
    <body>
    
    </body>
    <script>
        // 先创建一个对象存储需要的cookie值
        var obj = {
            name: '张三',
            sex: '男',
            age: 88
        }
        var time = 3600;
        var paths = '/';
        // 创建cookie
        function setCookies(obj, time, paths) {
            for (let key in obj) {
                document.cookie = `${key}=${obj[key]};path=${paths};max-age=time;`
            }
        }
        setCookies(obj, time, paths);
        // 将cookie以对象形式打印出来
        function getCookies() {
            var arr = document.cookie.split(';');
            var obj = {};
            arr.forEach(function (ele) {
                var arr1 = ele.split('=');
                var key = arr1[0].trim();
                var value = arr1[1].trim();
                obj[key] = value;
            })
            console.log(obj);
        }
        getCookies();
        // 清除cookie
        function clearCookies() {
            var arr = document.cookie.split(';');
            arr.forEach(function (ele) {
                var arr1 = ele.split('=');
                var key = arr1[0].trim();
                var value = arr1[1].trim();
                // 将max-age的赋值为0
                document.cookie = `${key}=${value};path=${paths};max-age=0`;
            })
        }
        clearCookies();
    </script>
    
    </html>