JavaScript读写Cookie

Cookie作用

Cookie是一些name=value对数据，这些数据可以由浏览器写入用户的硬盘，也可以由浏览器从用户的硬盘读取。Cookie用来持久化记录用户的某些信息，如用户名和用户的喜好等等。我们经常在网站上进行的登录操作，就是用户向服务器发送了自己的账号密码，如果和服务器的数据库中对应的账号密码匹配，则登录成功，成功了之后，我们当然希望在这个网站的所有页面都保持登录状态，而不是每进入到一个新的页面就向服务器发送一次请求，为了达成这个效果，我们在用户登录成功了之后，由服务器返回一串叫做SessionId的东西，这个东西分别在客户端和服务器端保留一份，等到进入下一个需要登录的页面的时候，直接用客户端的“钥匙”SessionId去开启服务器端的“锁”，这样可以保留用户的登录状态，而这就是cookie的应用之一。

写入Cookie方式

指定Cookie的名字并赋值

用JS读写Cookie直接通过给document.cookie赋值即可，这个属性值必须为xxx=yyy的形式，其中xxx和yyy的值都可以由开发者任意指定。

属性

添加Cookie的时候可以指定如下几个属性：
max-age:指定Cookie存活的有效期，以秒为单位
expires:指定Cookie的过期时间
path:指定该Cookie的路径
domain:指定该Cookie属于哪个域
secure:指定该Cookie的安全属性

示例

document.cookie="age=20;max-age="+(60*60*24*365);

上述代码指定了一个名字为age，值为20，有效时间为一年的Cookie

读取Cookie方式

通过document.cookie来获取返回的Cookie字符串

通过document.cookie获取到的是当前存储的各种Cookie组合而成的字符串，我们要对这个字符串进行操作，来得到我们想要得到的特定名字的字符串

<script>
function getCookie(a)
{var cookie_age=document.cookie.indexOf(a);//获取指定名字的cookie的字符串if(cookie_age!=-1)//如果在cookie字符串中找到了这个cookie{cookie_age+=a.length+1;var end=document.cookie.indexOf(";",cookie_age);//找到下一个分号出现的位置if(end==-1)//如果没有分号出现，说明一整段cookie字符串都是这个cookie{end=document.cookie.length;}return unescape(document.cookie.substring(cookie_age,end));//将cookie字符串进行解码后输出}else//如果没有找到这个cookie，返回空字符串{return "";}
}alert(getCookie('age'));
</script>

上述代码可以获取到我们之前存储的名字为age的cookie的值