所有輸出都在瀏覽器的控制臺中

<script type="text/javascript">
/**
 * cookieStorage.js
 * 本類實現像localStorage和sessionStorage一樣存儲API，不同的是，基於http cookie實現它
 */
function cookieStorage( maxage , path ){	//兩個參數分別代表存儲有效期和作用域
	//獲取一個存儲全部cookie信息的對象
	this.cookie = (function(){
		var cookie = { };	//該對象最終會返回
		var all = document.cookie; 	//以大字符串的形式獲取所有cookie信息
		if( all == "")				//如果該屬性為空字符串
			return cookie;			//返回一個空對象
		var list = all.split("; ");	//分離出名/值對
		for(var i = 0 ; i < list.length ; i++){
			var cookie = list[i];
			var p = cookie.indexOf("=");	//查找第一個“=”符號
			var name = cookie.substring(0 , p);//獲取cookie名字
			var value = cookie.substring(p+1);	//獲取cookie對應的值
			value = decodeURIComponent(value);	//對其進行解碼
			cookie[name] = value ; 			//將名值對存儲到對象中
		}
		return this;
	}());

	//將所有cookie的名字存儲到一個數組中
	this.keys = [];
	for( var key in this.cookie)
		key.push(key);

	//現在定義存儲API公共的屬性和方法
	//存儲的cookie的個數
	this.length = this.keys.length;

	//返回n個cookie的名字，如果n越界則返回null
	this.key = function(n){
		if( n < 0 || n >= this.keys.length )
			return null;
		return this.keys[n];
	};

	//返回指定名字的cookie值，如果不存在則返回null
	this.getItem = function(name){
		return this.cookie[name] || null;
	};

	//存儲cookie值
	this.setItem = function(key,value){
		if (!(key in this.cookie)) {
			this.keys.push(key);
			this.length++;
		}

		//將該名/值對數據存儲到cookie對象中
		this.cookie[key] = value;

		//開始正式設置cookie
		//首先將要存儲的cookie的值進行編碼，同時創建一個“名字=編碼後的值”形式的字符串
		var cookie = key+"="+encodeURIComponent(value);

		//將cookie的屬性也加入到該字符串中
		if( maxage )
			cookie += "; max-age="+maxage;
		if( path )
			cookie += "; path="+path;

		//通過document.cookie的屬性來設置cookie
		document.cookie = cookie;
	};

	//刪除指定的cookie
	this.removeItem = function(key){
		if( !(key in this.cookie))
			return ;		//如果cookie不存在，則什麽也不做
		 //從內部維護的cookie組刪除指定的cookie
		 delete this.cookie[key];
		 
		 //同時將cookie中的名字也在內部的數組中刪除
		 //如果使用ES5定義的數組 indexOf（）方法會更加簡單
		 for(var i = 0 ; i < this.keys.length ; i++){	//遍歷所有的名字
		 	if(this.keys[i]===key){		//當找到要找的那個
		 		this.keys.splice(i,1);	//將它從數組中刪除
		 		break;
		 	}
		 }
		 this.length--;				//cookie個數減一

		//最終通過該cookie值設置為空字符串以及將有效期設置為0來刪除指定的cookie
		document.cookie = key  + "=; max-age=0";
	};

	//刪除所有的cookie
	this.clear = function(){
		//循環所有的cookie的名字，並將cookie刪除
		for(var i = 0 ; i < this.keys.length ; i++)
			document.cookie = this.keys[i]+"=; max-age=0";

		//重置所有內部狀態
		this.cookie = {};
		this.keys = [];
		this.length = 0;
	};
}

var ck = new cookieStorage(3600,"/");
ck.setItem("a","value");
ck.setItem("b","value2");
ck.setItem("c","value3");
console.log(ck.getItem("a"));
ck.removeItem("a");
if(ck.getItem("a"))
	console.log(ck.getItem("a"));
else
	console.log("已經被刪除")
console.log(ck.getItem("b"));
ck.clear();
if(ck.getItem("c"))
	console.log(ck.getItem("c"));
else
	console.log("del");

</script>

JavaScript一個cookie存儲的類