前端开发日记之cookie的学习

session是运行在服务器，而cookie运行在客服端。

本次的需求是，用户登录的时候可以选择不同的角色登录，我们需要记录用户上一次选择登录的角色，以便在用户下一次登录时自动地选择用户上一次的登录角色。

cookie的生命周期

设置Cookie对象的有效时间， setMaxAge()方法便可以设置Cookie对象的有效时间，

例如：Cookie c = new Cookie("username","john");

c.setMaxAge(60);//60秒的意思

c.setMaxAge(60*60);//一小时

c.setMaxAge(365*24*60*60);//一年

如果不设置过期时间，则表示这个cookie生命周期为浏览器会话期间，只要关闭浏览器窗口，cookie就消失了。

这种生命期为浏览会话期的cookie被称为会话cookie。会话cookie一般不保存在硬盘上而是保存在内存里。

如果设置了过期时间，浏览器就会把cookie保存到硬盘上，关闭后再次打开浏览器，这些cookie依然有效直到超过设定的过期时间。存储在硬盘上的cookie可以在不同的浏览器进程间共享，比如两个IE窗口。而对于保存在内存的cookie，不同的浏览器有不同的处理方式。

cookie.setmaxage设置为0时，会马上在浏览器上删除指定的cookie

cookie.setmaxage设置为-1时，代表关闭当前浏览器即失效。

贴上cookie操作的代码

//设置或添加cookie time为小时数
function setCookie(name,value,time){
var str = name + "=" + escape(value);
if(time > 0){
var date = new Date();
var ms = time*3600*1000;
date.setTime(date.getTime() + ms);
str += "; expires=" + date.toGMTString();
}
document.cookie = str;
}
//获取cookie
function getCookie(name){
//cookie中的数据都是以分号加空格区分开
var arr = document.cookie.split("; ");
for(var i=0; i<arr.length; i++){
if(arr[i].split("=")[0] == name){
return  escape(arr[i].split("=")[1]); //转码，预防中午乱码
}
}
//未找到对应的cookie则返回空字符串
return '';
}
//删除cookie
function removeCookie(name){
document.cookie = name+"=;expires="+(new Date(0)).toGMTString();
}