JavaScript中的快取機制cookie
阿新 • • 發佈:2021-01-27
技術標籤:JavaScriptjavascript
1.建立cookie
建立格式
document.cookie = '名稱=值;expires=時間(國際標準時間);path=路徑'
簡單建立
document.cookie = 'user=maodou'
我們可以在建立時指定其路徑和事件
document.cookie = "_key=num;expires=Sun Jan 28 2021 10:15:37 GMT+0800;path=/"
2.讀取cookie
讀取出來的cooike是字串形式
console.log(document.cookie);
3.修改cookie
和建立cookie一樣,我們只需要建立相同名稱的cookie並修改其其他值就可以了
document.cookie = "_key=num;expires=Sun Jan 28 2021 10:15:37 GMT+0800;path=/";//之前建立的cookie console.log(document.cookie); document.cookie = "_key=aaa;expires=Sun Jan 28 2021 10:15:37 GMT+0800;path=/"; //修改的cookie console.log(document.cookie);
4.刪除cookie
刪除cookie主要是修改cookie的時長
document.cookie = '_key=aaa;expires=Sun Jan 24 2021 10:15:37 GMT+0800'
console.log(document.cookie);
如果設定的時間過期了那麼無法讀取cookie
通知應用程式中的cookie也不會存在cookie
5.原生JS解析cookie
封裝方法,先把cookie字串從等號截斷存入陣列中,再把cookie的名稱和值按 物件屬性:值 的形式存入物件中
function method(cookie) {
//陣列實現
var arr = cookie.split('=')
var c = {}
c[arr[0]] = arr[1]
console.log(c);
//正則表示式實現
//var key = item.match(/^.+(?==)/);
//var value = item.match(/(?<==).*/)[0];
//c[key] = value
//console.log(c);
}
method(document.cookie)