本地存儲-cookie與storage

Cookie:

數據存儲到計算機中，通過瀏覽器控制添加與刪除數據

Cookie特點：

1. 存儲限制：

域名100個cookie,每組大小4Kb

2. 客戶端、服務器端，都會請求服務器（頭信息）

3. 頁面間的cookie是共享

Cookie的使用：

添加、獲得、刪除Cookie:

<span style="font-family:Microsoft YaHei;font-size:12px;">function setCookie(name,value,iDay)   <span style="white-space:pre">			</span>//Cookie名，值，過期時間
{
	var oDate=new Date();
	oDate.setDate(oDate.getDate()+iDay);
	
	document.cookie=name+'='+value+';expires='+oDate;
}</span>

<span style="font-family:Microsoft YaHei;font-size:12px;">function getCookie(name)
{
	var arr=document.cookie.split('; ');
	for(var i=0;i<arr.length;i++)
	{
		var arr2=arr[i].split('=');
		
		if(arr2[0]==name)
		{
			return arr2[1];	
		}	
	}
	return '';
};</span>

<span style="font-family:Microsoft YaHei;font-size:12px;">function removeCookie(name)
{
	setCookie(name,1,-1);	
}</span>

Storage:

1. sessionStorage:

session臨時會話，從頁面打開到頁面關閉的時間段

窗口的臨時存儲，頁面關閉，本地存儲消失

2. localStorage

永久存儲（可通過手動刪除數據）

Storage的特點：

1. 存儲量限制(5M)

2. 客戶端完成，不會請求服務器處理

3. sessionStorage數據時不共享、localStorage共享

Storage的使用：

( sessionStorage / localStorage )

Storage的添加、獲取、刪除：

<span style="font-family:Microsoft YaHei;font-size:12px;">window.localStorage.setItem('name',aInput[3].value);	 </span>

<span style="font-family:Microsoft YaHei;font-size:12px;">window.localStorage.getItem('name'));	</span>

<span style="font-family:Microsoft YaHei;font-size:12px;">window.localStorage.removeItem('name');</span>

<span style="font-family:Microsoft YaHei;font-size:12px;">window.localStorage.clear();  //刪除全部數據</span>