// 1 寫入 cookie
// document.cookie = 'username=zs'
// document.cookie = 'age=18'
// 讀取cookie (讀取的是全部的cookie)
// console.log(document.cookie); // username=zs; age=18
/***
cookie 的名稱或值如果包含非英文本母， 則寫入時需要使用 encodeurlcomponent()編碼
讀取時使用 decodeurlcomponent() 解碼
*/// 2 設定過期時間
// document.cookie = `username=alex;expires=$`
// max-age
// 值為數字 表示當前時間 + 多少秒後過期，單位是秒
// document.cookie = `username=alex;max-age=5`
// 30 天
// document.cookie = `username=alex;max-age=$`
// 如果 max-age 的值 是 0 或負數 則cookie 會被刪除
// 3
// domain 域 （不同網域名稱）
// domain 限定了訪問 cookie 的範圍 只能讀寫當前域 或父域的cookie
// 父域 .baidu.com
// 4
// path 路徑 (同乙個網域名稱)
// 限定了 訪問cookie 的範圍 （同乙個網域名稱下）
// 使用 js 只能讀寫當前路徑 和上級路徑的cookie 無法讀寫下級路徑的 cookie
// document.cookie = `username=alex;path=/course/list`;
// 當 name domain path 這3個字段都相同的時候，才是同乙個cookie
// 設定了httponly 屬性的 cookie 不能通過 js 去訪問
// 6 secure 安全標誌
// 限定了只有在使用了 https 而不是 http 的情況下 才可以傳送給 服務端
// domain path secure 都要滿足條件 還不能過期的 cookie 才能隨著請求傳送到伺服器端
// 注意事項
// 1 前後端都可以寫入 和獲取 cookie
// 2 cookie 有數量限制
// 3 cookie 有大小限制 每個 cookie 的儲存容量很小 最多只有 4kb 左右
----------------------------------
// 寫入cookie
const set = (name,value, = {}) => =$`
if(typeof maxage === 'number')`
}if(domain)`
}if(path)`
}if(secure)
document.cookie = cookietext
}// 通過 name 獲取 cookie 的值
const get = name => `
const cookies = document.cookie.split('; ') // ["age=18", "%e7%94%a8%e6%88%b7%e5%90%8d=%e5%bc%a0%e4%b8%89", "***=male", "username=zs"]
for(const item of cookies)
}return
}// 根據 name, domain 和 path 刪除 cookie
const remove = (name, = {}) => )
}export
-------------------
中文英文
Cookie的使用 含cookie的封裝
看到cookie這個詞,我乙個想到的就是餅乾,因為這個單詞的意思有餅乾的意思.可是這裡並不是,不是道為什麼命名為cookie,難道命名人喜歡吃餅乾.不扯了,進入正題.這裡的cookie是乙個本地資料,這些資料就是用來辨別使用者身份的.一般限制同一網域名稱數量為50個 總大小一般為4k 同一網域名稱 ...
cookie的訪問刪和封裝
cookie的概述 1.localstorage是html5新增。2.cookie的概念 3.cookie的特點 cookie的儲存 1.儲存cookie docuement.cookie 一條條儲存,鍵值對 key value 如果key相同，覆蓋 document.cookie name zha...
對cookie進行封裝
先上個 function easycookie 初始化值，將cookie裡的鍵值對放入本物件種 if document.cookie var ck document.cookie var index 0 var len ck.length var key var value 標記當前時記錄鍵 k模式...