Cookie

一.什么是Cookie

Cookie用于存储页面的用户信息    常见例子：自动登录、记住用户名或密码

二.Cookie特性

1. 同一个网站中所有页面共享一套Cookie

2. 数量、大小有限

3. 过期时间

三、使用JavaScript操作Cookie

语法：document.cookie=”名字=值 ”

document.cookie="user=family"

document.cookie="pass=123456"; 

alert(document.cookie);

注意：JS“=”代表覆盖，cookie“=”代表添加

删除Cookie: 

语法：过期时间：expires=时间

var oDate=new Date();

oDate.setDate(oDate.getDate()+8);

alert(oDate.getFullYear()+'-'+(oDate.getMonth()+1)+'-'+oDate.getDate());

document.cookie="user=family;expires="+oDate;

封装Cooike:

创建cookie

 function createCookie(key, value, days) {

    let t = new Date()

    t.setDate(t.getDate() + days)

    document.cookie = `${key}=${value};expires=${t}`

}

获取Cookie:

function getCookie(key) {

    let arr = document.cookie.split('; ')

    for (let i = 0; i < arr.length; i++) {

        let arr2 = arr[i].split('=')

        if (arr2[0] == key) {

            return arr2[1]

        }

    }

    return null

}

删除Cooike:

function removeCookie(key) {

    let t = new Date()

    t.setDate(t.getDate() - 1)

    document.cookie=`${key}=;expires=${t}`

}