--未測試 留着參考
中文時可以用 unescape、escape 或是 encodeURI、decodeURI 進行轉換
一：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JS操作cookie.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="JSCookies.js"></script>
` <script type="text/javascript">
//用法：
//一、設置cookie
var cookie = new Cookies();
function set() {
//普通設置
cookie.set("key1", "哈哈3");
//過期時間爲一年
var d = new Date();
d.setFullYear(d.getFullYear() + 1);
cookie.set("key2", "val2", d);
//設置域及路徑，帶過期時間
cookie.set("key3", "val3", d, "casett", "/");
//設置帶子鍵的cookie,子鍵分別是k1,k2,k3
cookie.set("key4", "k1=哈哈是&k2=2&k3=3");
};
//二、讀取cookie
//簡單獲取
function get() {
alert(cookie.get("key1"));
alert(cookie.get("key2"));
alert(cookie.get("key3"));
alert(cookie.get("key4"));
//獲取key4的子鍵k1值
alert(cookie.getChild("key4","k1"));
alert(cookie.getChild("key4","k2"));
}
//三、刪除
function remove() {
cookie.remove("key1");
cookie.remove("key2");
cookie.remove("key3");
cookie.remove("key4");
}
</script>
</head>
<body>
<input type="button" value="set" onclick="set()"/>
<input type="button" value="get" onclick="get()"/>
<input type="button" value="clear" onclick="remove()"/>
</body>
</html>
二：JSCookies.js
String.prototype.Trim = function() {
return this.replace(/^/s+/g, "").replace(//s+$/g, "");
}
function Cookies() {
this.get = function(key) {
var cookie = document.cookie;
var cookieArray = cookie.split(';');
var val = "";
for (var i = 0; i < cookieArray.length; i++) {
if (cookieArray[i].Trim().substr(0, key.length) == key) {
val = cookieArray[i].Trim().substr(key.length + 1);
break;
}
}
return unescape(val);
};
this.getChild = function(key, childKey) {
var child = this.get(key);
var childs = child.split('&');
var val = "";
for (var i = 0; i < childs.length; i++) {
if (childs[i].Trim().substr(0, childKey.length) == childKey) {
val = childs[i].Trim().substr(childKey.length + 1);
break;
}
}
return val;
};
this.set = function(key, value) {
var cookie = "";
if (!!key && !!value)
cookie += key + "=" + escape(value) + ";";
if (!!arguments[2])
cookie += "expires=" + arguments[2].toGMTString() + ";";
if (!!arguments[3])
cookie += "domain=" + arguments[3] + ";";
if (!!arguments[4])
cookie += "path=" + arguments[4] + ";";
document.cookie = cookie;
};
this.remove = function(key) {
var date = new Date();
date.setFullYear(date.getFullYear() - 1);
var cookie = " " + key + "=;expires=" + date + ";"
document.cookie = cookie;
}
}