1. 程式人生 > 其它 >JavaScript中的快取機制cookie

JavaScript中的快取機制cookie

技術標籤: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)

在這裡插入圖片描述