cookie是用來快取web頁面裡的使用者資訊的，也不只是使用者資訊還有一些其他的web頁面資訊
*cookie具有時效性
JavaScript 可以使用 document.cookie 屬性來建立 、讀取、及刪除 cookie

一.【建立cookie】

document.cookie="username=renjun";

1.【加密】

漢字加密可以直接使用escape 或者encodeURIComponent直接加密
解密用 unescape或者decodeURIComponent

console.log(escape('加密'));

var hz=escape("漢字"
 
);
console.log(hz);
console.log(unescape(hz));

var hzz = encodeURIComponent("漢字");
console.log(hzz);
console.log(decodeURIComponent(hzz));

加密效果圖
字串 和 數字 的加密 用btoa；
解密用atob。
這兩個方法不可以給漢字加密

var str = btoa("chenle");
console.log(str);
console.log(atob(str));

var sz = btoa("2222"
 
);
console.log(sz);
console.log(atob(sz));

【base64加密】
引入

 <script src="https://cdn.jsdelivr.net/npm/[email protected]/base64.min.js"></script>

便可以使用其中大量的加密解密方法

2.【為 cookie 新增一個過期時間】

以 UTC 或 GMT 時間

document.cookie="username=lzm; expires=Thu, 18 Dec 2043 12:00:00 GMT";

3.【限制瀏覽器 cookie 的路徑】

document.cookie="username=ldn; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

其中path=/ 意為限當前路徑

二.【讀取cookie】

以下程式碼來讀取 cookie

console.log(document.cookie);

三.【修改cookie】

類似於建立 cookie

document.cookie="username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

四.【刪除cookie】

設定 expires 引數為以前的時間即可

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";