怎么設置cookie，怎么設置cookie以及刪除cookie和cookie詳解
在操作cookie之前，先來看一下cookie長什么樣。
可以看到，cookie是一個個鍵值對（“鍵=值”的形式）加上分號空格隔開組合而成， 形如： "name1=value1; name2=value2; name3=value3"
設置cookie:
1 /** 2 * 設置cookie 3 * @param name cookie的名稱 4 * @param value cookie的值 5 * @param day cookie的過期時間 6 */ 7 var setCookie = function (name, value, day) { 8 if(day !== 0){ //當設置的時間等於0時，不設置expires屬性，cookie在瀏覽器關閉后刪除 9 var expires = day * 24 * 60 * 60 * 1000; 10 var date = new Date(+new Date()+expires); 11 document.cookie = name + "=" + escape(value) + ";expires=" + date.toUTCString(); 12 }else{ 13 document.cookie = name + "=" + escape(value); 14 } 15 };
注意：expires使用GMT或UTC格式的時間， 我這里沒有指定路徑(path)和域(domain)， 當沒有指定路徑時默認為當前路徑下，如對 於“https://home.cnblogs.com/u/maderlzp/”下設置的cookie，其path為"/u/maderlzp"， 其domain為當前域名“home.cnblogs.com”。
為什么有時候刪除不了cookie? 可能是因為刪除cookie時沒有指定該cookie的path和domain，導致找不到這個cookie來設置過期時間而無法刪除。
獲取cookie：
1 /** 2 * 獲取對應名稱的cookie 3 * @param name cookie的名稱 4 * @returns {null} 不存在時，返回null 5 */ 6 var getCookie = function (name) { 7 var arr; 8 var reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); 9 if (arr = document.cookie.match(reg)) 10 return unescape(arr[2]); 11 else 12 return null; 13 };
cookie獲取正則解析：
"(^| )" + name + "=([^;]*)(;|$)" (^| )匹配cookie開頭或空格（cookie鍵值對之間用分號空格隔開），也就是cookie鍵值對的開始。接着是cookie的名稱name，（[^;]*）匹配除分號以外的任意字符，也就是cookie鍵值對的值。最后(;|$)匹配分號或整個cookie的結尾，也就是cooke鍵值對的結尾。
更多正則的語法詳解請參考：
正則表達式的用法和常用實例【1】
刪除cookie：
1 /** 2 * 刪除cookie 3 * @param name cookie的名稱 4 */ 5 var delCookie = function (name) { 6 setCookie(name, ' ', -1); 7 };
設置要刪除的cookie的expires為過去的時間即可
修改cookie：
使用上面設置cookie的方法，重新給要修改的cookie賦值就行，這樣舊的就會被覆蓋掉
cookie的主要作用：
Cookie主要用在以下三個方面:
- 會話狀態管理（如用戶登錄狀態、購物車、游戲分數和其它需要記錄的信息）
- 個性化設置（如用戶自定義設置、主題等）
- 瀏覽器行為跟蹤（如跟蹤分析用戶行為）
cookie設置語法：
document.cookie = "cookieName=mader; expires=Fri, 31 Dec 2017 15:59:59 GMT; path=/mydir; domain=cnblogs.com; max-age=3600; secure=true";
- cookieName=mader ：name=value，cookie的名稱和值
- expires=Fri, 31 Dec 2017 15:59:59 GMT： expires，cookie過期的日期，如果沒有定義，cookie會在對話結束時過期。日期格式為 new Date().toUTCString()
- path=/mydir: path=path (例如 '/', '/mydir') 如果沒有定義，默認為當前文檔位置的路徑。
- domain=cnblogs.com： 指定域(例如 'example.com'， '.example.com' (包括所有子域名), 'subdomain.example.com') 如果沒有定義，默認為當前文檔位置的路徑的域名部分。
- max-age=3600： 文檔被查看后cookie過期時間，單位為秒
- secure=true： cookie只會被https傳輸 ，即加密的https鏈接傳輸