一.什么是Cookie
Cookie用于存儲(chǔ)頁(yè)面的用戶信息? ? 常見(jiàn)例子：自動(dòng)登錄、記住用戶名或密碼
二.Cookie特性
1. 同一個(gè)網(wǎng)站中所有頁(yè)面共享一套Cookie
2. 數(shù)量、大小有限
3. 過(guò)期時(shí)間
三、使用JavaScript操作Cookie
語(yǔ)法：document.cookie=”名字=值 ”
document.cookie="user=family"
document.cookie="pass=123456";?
alert(document.cookie);
注意：JS“=”代表覆蓋，cookie“=”代表添加
刪除Cookie:?
語(yǔ)法：過(guò)期時(shí)間：expires=時(shí)間
var oDate=new Date();
oDate.setDate(oDate.getDate()+8);
alert(oDate.getFullYear()+'-'+(oDate.getMonth()+1)+'-'+oDate.getDate());
document.cookie="user=family;expires="+oDate;
封裝Cooike:
創(chuàng)建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}`
}
