一. 語法
1.1 獲取當前頁面的所有cookie：
var allCookies = document.cookie;
allCookies 是一個字符串，其中包含了以分號分隔的cookie列表字符串 (即 key=value 鍵值對)。
1.2 寫一個新cookie：
document.cookie = updatedCookie;
updatedCookie是一個鍵值對形式的字符串。只能用這個方法一次設置或更新一個cookie，而且寫入并不是覆蓋，而是添加。例如：
document.cookie = "fontSize=14";document.cookie = "fontSize=16";document.cookie = "fontColor=black";document.cookie; // fontSize=16;fontColor=black
1.3 可選屬性：
除了Cookie本身的內容，還有一些可選的屬性也是可以寫入的，定義cookie的設定/更新，跟著一個分號以作分隔：
Set-Cookie: value[; expires=date][; domain=domain][; path=path][; secure]
(1) path=path (例如 ‘/', ‘/mydir') 如果沒有定義，默認為當前文檔位置的路徑。
(2) domain=domain (例如 ‘example.com'， ‘.example.com' (包括所有子域名), ‘subdomain.example.com') 如果沒有定義，默認為當前文檔位置的路徑的域名部分。
(3) max-age=max-age-in-seconds (例如一年為606024*365)
(4) expires=date-in-GMTString-format 如果沒有定義，cookie會在對話結束時過期。這個值的格式參見Date.toUTCString() 。
(5) secure (cookie只通過https協議傳輸) cookie的值字符串可以用encodeURIComponent()來保證它不包含任何逗號、分號或空格(cookie值中禁止使用這些值)。
二. cookie的接口封裝：
var cookieUtil = { // 設置cookie setItem: function(name, value, days) { var date=new Date(); date.setDate(date.getDate()+days); document.cookie=name+'='+value+';expires='+date; }, // 獲取cookie getItem: function(name) { var arr=document.cookie.replace(//s/g, "").split(';'); for(var i=0;i<arr.length;i++) { var tempArr=arr[i].split('='); if(tempArr[0]==name) { return decodeURIComponent(tempArr[1]); } } return ''; }, // 刪除cookie removeItem: function(name) { this.setItem(name,'1', -1); }, // 檢查是否含有某cookie hasItem: function(name) { return (new RegExp("(?:^|;//s*)" + encodeURIComponent(name).replace(/[/-/./+/*]/g, "http://$&") + "http://s*//=")).test(document.cookie); }, // 獲取全部的cookie列表 getAllItems: function() { var cookieArr = document.cookie.replace(/((?:^|/s*;)[^/=]+)(?=;|$)|^/s*|/s*(?:/=[^;]*)?(?:/1|$)/g, "").split(//s*(?:/=[^;]*)?;/s*/); for (var nIdx = 0; nIdx < cookieArr.length; nIdx++) { cookieArr[nIdx] = decodeURIComponent(cookieArr[nIdx]); } return cookieArr; }};總結
以上就是JavaScript中cookie工具函數封裝的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。
新聞熱點
疑難解答
