前端操作cookie

操作cookie的方法：增删改查四个操作

设置cookie

        + 不带过期时间的语法 ：document.cookie = 'key=value'

        + 如果想设置过期时间，那么需要一些修饰信息

        + 带过期时间的语法: document.cookie = 'key=value;expires=时间对象'

        + 不管你给一个什么时间点的时间对象

        + cookie都会当做世界标准时间来使用

        + 因为我们是东八区 +8 所以我们要设置事件对象提前8小时

修改cookie

         + 和设置cookie是一模一样的

 删除cookie

        + 删除cookie就是重新设置一下这个cookie

        + 把过期的时间设置成当前时间之前 就可以了

 获取cookie

        + 直接使用document.cookie

        + 如果cookie里面只有一条cookie数据

        就是 字符串“a=100”

        + 如果cookie里面有多条cookie数据

        就是 字符串“a=100; b=200; c=300”

        如果里面没有任何数据

        就是 一个空行 空字符串

实例如下：

<button class="update">修改cookie </button>
<button class="del">删除cookie </button>

        // 设置一个默认时间的cookie --会话级时效，浏览器关闭就失效了
        document.cookie = 'a=100'

        // 准备一个15秒之后过期的cookie
        let time = new Date()
        time.setTime(time.getTime() - 8 * 60 * 1000 + 15 * 1000)
        document.cookie = 'b=100;expires=' + time

        // 修改cookie
        let update = document.querySelector('.update')
        update.onclick = function () {
            document.cookie = 'a=修改了'
        }

        // 删除cookie
        let del = document.querySelector('.del')
        del.onclick = function () {
            let time = new Date()
            time.setTime(time.getTime() - 8 * 60 * 60 * 1000 - 1000)
            document.cookie = 'a=100;expires=' + time
            // console.log(document.cookie)
        }

        // 获取cookie
        console.log(document.cookie)