a cookie

Cookie 用于存储 web 页面的用户信息。

什么是 Cookie？

Cookie 是一些数据, 存储于你电脑上的文本文件中。

当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。

Cookie 的作用就是用于解决 "如何记录客户端的用户信息":

• 当用户访问 web 页面时，他的名字可以记录在 cookie 中。
• 在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。

cookie添加

/* cookie添加 */
/* js"="代表覆盖 cookie"="代表添加 */
document.cookie = 'username=admin';
document.cookie = 'password=1585817';
复制代码

cookie取值

 /* cookie取值 */
console.log(document.cookie); /* => username=admin; password=1585817 */
复制代码

cookie过期时间

/* cookie过期时间 */
let date = new Date();
console.log(date);
date.setDate(date.getDate() + 2);
document.cookie = 'username=admin;expires=' + date;
document.cookie = 'password=1585817;expires=' + date;
复制代码

删除cookie

/* 删除cookie */
/* expires设置成已过期的时间，就可以删除对应的Name值 */
date.setDate(date.getDate() - 1);
document.cookie = 'username=admin;expires=' + date;
复制代码

封装setcookie函数

/* 封装setcookie函数 */
        function setcookie(name, value, time) {
            let date = new Date();
            date.setDate(date.getDate() + time);
            document.cookie = name + '=' + value + ';expires=' + date;
        }
复制代码

封装getcookie函数

/* 封装getcookie函数 */
        function getcookie(name) {
            // console.log(document.cookie);
            let str = document.cookie;
            // console.log(str);
            let arr = str.split(';');
            // console.log('arr',arr);
            for (var i = 0; i < arr.length; i++) {
                // let newArr = arr[i].trim().split('=');
                let newArr = arr[i].split('=');
                // console.log('newArr',newArr);
                // if (name == newArr[0])
                if (name == newArr[0].trim()) {
                    console.log(newArr[1]);
                    return newArr[1];
                }
            }
            return '';
        }
复制代码

封装delcookie

/* 封装delcookie */
        function delcookie(name) {
            let date = new Date();
            date.setDate(date.getDate() - 1);
            // console.log(document.cookie);
            document.cookie = name + '=' + getcookie(name) + ';expires=' + date;
        }