js封裝Cookie操做

針對cookie數據存儲少許的問題，咱們提出了子cookie的概念。即在每條cookie的值中存儲多條數據，用"&"隔開。var CookieUtil = { // 設置cookie set : function (name, value, expires, domain, path, secure) { var cookieText = ""; cookieText += encodeURIComponent(name) + "=" + encodeURIComponent(value); if (expires instanceof Date) { cookieText += "; expires=" + expires.toGMTString(); } if (path) { cookieText += "; path=" + path; } if (domain) { cookieText += "; domain=" + domain; } if (secure) { cookieText += "; secure"; } document.cookie = cookieText; }, // name=value; expires=expiration_time; path=domain_path; domain=domain_name; secure // 獲取cookie get : function (name) { var cookieName = encodeURIComponent(name) + "=", cookieStart = document.cookie.indexOf(cookieName), cookieValue = ""; if (cookieStart > -1) { var cookieEnd = document.cookie.indexOf (";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, cookieEnd)); } return cookieValue; }, // 刪除cookie unset : function (name, domain, path, secure) { this.set(name, "", Date(0), domain, path, secure); } }; // 測試 CookieUtil.set("name", "zhang"); var name = CookieUtil.get("name"); alert(name); // zhang CookieUtil.unset("name"); alert(CookieUtil.get("name")); // 空

 var SubCookieUtil = { /** 設置一條完整的cookie * param name : 表示cookie的名稱，必填 * param subCookies : 表示cookie的值，爲一個對象，必填 * param expires : 表示cookie的過時時間，能夠不填 * param domain : 表示cookie的域名，能夠不填 * param path : 表示cookie的路徑，能夠不填 * param secure : 表示cookie的安全標誌，能夠不填 * eg : SubCookieUtil.setAll("info", { name : "zhang", age : 23}); **/ setAll : function (name, subCookies, expires, domain, path, secure) { var cookieText = "", subName, cookieParts = []; cookieText += encodeURIComponent(name) + "="; for(subName in subCookies) { cookieParts.push(encodeURIComponent(subName) + "=" + encodeURIComponent(subCookies[subName])); } if (cookieParts.length > 0) { cookieText += cookieParts.join("&"); if (expires instanceof Date) { cookieText += "; expires=" + expires.toGMTString(); } if (path) { cookieText += "; path=" + path; } if (domain) { cookieText += "; domain=" + domain; } if (secure) { cookieText += "; secure"; } } else { cookieText += "; expires=" + Date(0).toGMTString(); } document.cookie = cookieText; }, /** 設置一條子cookie * param name : 表示cookie的名稱，必填 * param subName : 表示子cookie的名稱，必填 * param value : 表示子cookie的值，必填 * param expires : 表示cookie的過時時間，能夠不填 * param domain : 表示cookie的域名，能夠不填 * param path : 表示cookie的路徑，能夠不填 * param secure : 表示cookie的安全標誌，能夠不填 * eg : SubCookieUtil.set("info", "sex", "boy"); **/ set : function (name, subName, value, expires, domain, path, secure) { var cookies = this.getAll(name) || {}; cookies[subName] = value; this.setAll(name, cookies, expires, domain, path, secure); }, /** 讀取一條完整cookie * param name : 表示cookie的名稱，必填 * return : 一個cookie對象 * eg : SubCookieUtil.getAll("info"); **/ getAll : function (name) { var cookieName = encodeURIComponent(name) + "=", cookieStart = document.cookie.indexOf(cookieName), cookieValue = "", i, len, subCookies, parts, result = {}; if (cookieStart > -1) { var cookieEnd = document.cookie.indexOf (";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, cookieEnd)); if (cookieValue.length > 0) { subCookies = cookieValue.split("&"); for (i = 0, len = subCookies.length; i < len; i++) { parts = subCookies[i].split("="); result[decodeURIComponent(parts[0])] = decodeURIComponent(parts[1]); } return result; } } return null; }, /** 獲取一條子cookie的值 * param name : 表示cookie的名稱，必填 * param subName : 表示子cookie的名稱 * return : 一個子cookie的值 * eg : SubCookieUtil.get("info", "name"); **/ get : function (name, subName) { var cookies = this.getAll(name); if (cookies) { return cookies[subName]; } else { return null; } }, /** 刪除一條完整cookie * param name : 表示cookie的名稱，必填 * param domain : 表示cookie的域名，能夠不填 * param path : 表示cookie的路徑，能夠不填 * param secure : 表示cookie的安全標誌，能夠不填 * eg : SubCookieUtil.unsetAll("info"); **/ unsetAll : function (name, domain, path, secure) { this.setAll(name, "", Date(0).toGMTString(), domain, path, secure); }, /** 刪除一條子cookie * param name : 表示cookie的名稱，必填 * param subName : 表示子cookie的名稱，必填 * param domain : 表示cookie的域名，能夠不填 * param path : 表示cookie的路徑，能夠不填 * param secure : 表示cookie的安全標誌，能夠不填 * eg : SubCookieUtil.unset("info", "name"); **/ unset : function (name, subName, domain, path, secure) { var cookies = this.getAll(name); if (cookies) { delete cookies[subName]; this.setAll(name, cookies, null, domain, path, secure); } } }; // 測試： var zhang = { name : "zhang", age : 23, height : "178cm", weight : "66kg" } // 設置一條完整的cookie SubCookieUtil.setAll("zhang", zhang); // 獲取一條完整的cookie var zhang = SubCookieUtil.getAll("zhang"); alert(zhang.weight); // 66kg // 再爲張添加一個子cookie SubCookieUtil.set("zhang", "sport", "basketball"); // 獲取子cookie alert(SubCookieUtil.get("zhang", "sport")); // basketball // 刪除一條子cookie SubCookieUtil.unset("zhang", "age"); alert(SubCookieUtil.get("zhang", "age")); // undefined // 刪除一條完整的cookie SubCookieUtil.unsetAll("zhang"); alert(SubCookieUtil.getAll("zhang")); // 報錯，由於已經被刪除