Cookie和localStorage

Cookie

1、设置cookie

-----document.cookie="userId=828";

cookie的名或值中不能使用分号（;）、逗号（,）、等号（=）以及空格。

-----document.cookie="str="+escape("I love ajax");

使用escape()编码后，在取出值以后需要使用unescape()进行解码才能得到原来的cookie值。

2、修改：

-----document.cookie="userId=828";//只需重新赋值

3、获取cookie的值：

-----var strCookie=document.cookie;//获得以分号隔开的多个名/值对所组成的字符串

案例：

-----获取单个cookie的值：

<script language="JavaScript" type="text/javascript">

//设置两个cookie

document.cookie="userId=828";

document.cookie="userName=hulk";

//获取cookie字符串

var strCookie=document.cookie;

//将多cookie切割为多个名/值对

var arrCookie=strCookie.split("; ");

var userId;

//遍历cookie数组，处理每个cookie对

for(var i=0;i<arrCookie.length;i++){

var arr=arrCookie[i].split("=");

//找到名称为userId的cookie，并返回它的值

if("userId"==arr[0]){

userId=arr[1];

break;

}

}

alert(userId);

</script>

4、设置cookie终止时间：

-----cookie都是单会话cookie，浏览器关闭后这些cookie将会丢失

案例：

-----如果要将cookie设置为10天后过期，可以这样实现：

<script language="JavaScript" type="text/javascript">

//获取当前时间

var date=new Date();

var expireDays=30; //当用户再次登录刷新时间

//将date设置为10天以后的时间

date.setTime(date.getTime()+expireDays*24*3600*1000);

//将userId和userName两个cookie设置为10天后过期

document.cookie="userId=828; expires="+date.toGMTString();

</script>

5、删除cookie：

-----可以将其过期时间设定为一个过去的时间

案例：

<script language="JavaScript" type="text/javascript">

//获取当前时间

var date=new Date();

//将date设置为过去的时间

date.setTime(date.getTime()-1000);

//将userId这个cookie删除 重置

document.cookie="userId=828; expire="+date.toGMTString();

</script>

localStorage

1、用法：

if(window.localStorage){

alert('这个浏览器支持本地存储');

}else{

alert('这个浏览器支持不本地存储');

}

2、赋值：

localStorage.a=3;//设置a为"3"；

localStorage["a"]="sfsf";//设置a为"sfsf"；

localStorage.setItem("b","isaac");//设置b为"isaac"；

3、取值：

var a1=localStorage["a"];//获取a的值；

var b=localStorage.getItem("b");//获取b的值；

4、清除：

localStorage.removeItem("a")；//清除a的值

5、通过localStorage.key(i)---取出所有key:

var localStorage=window.localStorage;

for(var i=0;i<localStorage.length;i++){

alert(localStorage.key(i)+" "+localStorage.getItem( localStorage.key(i)))

}