一.什么是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}`
}