本地存储-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>