js封裝Cookie操作 js 獲取cookie js 設置cookie js 刪除cookie
阿新 • • 發佈：2018-04-07
電子 inf .get cookie lse substr ext eva []
每天學習一點點 編程PDF電子書、視頻教程免費下載：
http://www.shitanlife.com/code
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")); // 空
針對cookie數據存儲少量的問題，我們提出了子cookie的概念。即在每條cookie的值中存儲多條數據，用"&"隔開。 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")); // 報錯，因為已經被刪除
每天學習一點點 編程PDF電子書、視頻教程免費下載：
http://www.shitanlife.com/code
js封裝Cookie操作 js 獲取cookie js 設置cookie js 刪除cookie