Cookie简介
概念
Cookie 可以翻译为“小甜品，小饼干” ，Cookie 在网络系统中几乎无处不在，当我们浏览以前访问过的网站时，网页中可能会出现 ：你好 XXX，这会让我们感觉很亲切，就好像吃了一个小甜品一样。这其实是通过访问主机中的一个文件来实现的，这个文件就是 Cookie。一般网络用户习惯用其复数形式 Cookies。
Cookie指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据（通常经过加密）。
在默认情况下，Cookie是临时存在的。在一个浏览器窗口打开时，可以设置Cookie，只要该浏览器窗口没有关闭，Cookie就一直有效，在其有效期内，当用户访问同一个 Web 服务器时，浏览器首先要检查本地的Cookies，并将其原样发送给 Web 服务器。这种状态信息称作“Persistent Client State HTTP Cookie” ，简称为 Cookies。
而一旦浏览器窗口关闭后，Cookie也就随之消失。如果想要Cookie在浏览器窗口之后还能继续使用，就需要为Cookie设置一个生存期。所谓生存期也就是Cookie的终止日期，在这个终止日期到达之前，浏览器都可以读取该Cookie。一旦终止日期到达之后，该Cookie将会从Cookie文件中删除。
一个网站可以创建多个Cookie,不同的Cookie可以拥有不同的值，例如将用户名和密码存在Cookie中，就可能用到两个Cookie，一个用来存放用户名，一个用来存放密码，使用Document的Cookie属性可以用来设置与读取Cookie。
JS如何操作Cookie
使用Document的Cookie属性可以用来设置与读取Cookie。Cookie是以键值对的形式保存的，即key=value的格式。各个Cookie之间一般是以“;”分隔。
添加一个cookie
<script language="javascript' type="text/javascript">
function addCookie(name,value,expiresHours){
var cookieString=name+"="+escape(value);
//判断是否设置过期时间,0代表关闭浏览器时失效
if(expiresHours>0){
var date=newDate();
date.setTime(date.getTime+expiresHours36001000);
cookieString=cookieString+"; expires="+date.toGMTString();
}
document.cookie=cookieString;
}
</script>
根据指定名称的Cookie修改Cookie的值
<script language="javascript" type="text/javascript">
function editCookie(name,value,expiresHours){
var cookieString=name+"="+escape(value);
//判断是否设置过期时间,0代表关闭浏览器时失效
if(expiresHours>0){
var date=newDate();
date.setTime(date.getTime+expiresHours36001000);//单位是多少小时后失效
cookieString=cookieString+"; expires="+date.toGMTString();
}
document.cookie=cookieString;
}
</script>
获取指定名称的cookie值
<script language="javascript" type="text/javascript">
function getCookie(name){
var strCookie=document.cookie;
var arrCookie=strCookie.split("; ");
for(var i=0;i<arrCookie.length;i++){
var arr=arrCookie[i].split("=");
if(arr[0]==name){
returnunescape(arr[1]);
}else{
return"";
}
}
}
</script>
删除指定名称的cookie
<script language="javascript" type="text/javascript">
function deleteCookie(name){
var date=newDate();
date.setTime(date.getTime()-10000);//设定一个过去的时间即可
document.cookie=name+"=v; expires="+date.toGMTString();
}
</script>
