05-HTMLDOM和Cookie

HTMLDOM 省略

Cookie概述

• 什么是Cookie？

1.Cookie是由服务器生成并存储在客户端文件系统(.txt格式)中的key/value对,当浏览器再次请求该站点上的页面时,就会自动把保存的Cookie发回服务器

2.Cookie使得浏览器可以咋访问同一个站点的不同请求间传递数据,让服务器程序识别不同的客户端

3.典型应用:保存用户登录状态,跟踪用户行为,页面定制,保存购物车等需要保存全局变量的场合

• Cookie的存放

Cookie保存在客户端某个特定的目录下的一个Txt文本文件中,且不同的站点的Cookie数据保存不同文件中
Cookie数据一般都是加密后保存的

• 有效期和作用域？

有效期:
Cookie可以指定一个expires值,定义其生命周期,在这个周期内Cookie有效,超出周期Cookie就会被清除,有些页面将Cookie的生命周期设置为"0"或负值,这样在关闭浏览器时,就马上清除Cookie,不会记录用户信息,更加安全

作用域:
默认情况下,某个站点保存Cookie只能自己访问,不能被其他站点使用,但可以设置Cookie的domian和path值,限定哪个域名下的哪些路径可以访问此Cookie

Cookie操作

• 保存Cookie
  Cookie可以由服务器端程序(Java,PHP)创建并发送给客户端保存;也可以有客户端JavaScript脚本创建并保存

//保存一个简单的Cookie
document.cookie='uname=tom';
//保存一个内容复杂的Cookie
document.cookie='msg'+encodeURIComponent('Hi,JS你好');
//保存一个具有指定时间超出时间的Cookie
document.cookie='uid=7788;expires='+new Data().toGMTString();

• 读取Cookie
  可以使用document.cookie获取当前站点可以读取的所有Cookie

var cookies=document.cookie;
console.log(cookie);    //多个Cookie用;分割
var arr=cookie.split(';');
for(var i=0;i<=arr.length;i++){
  var cookie=arr[i];  //键值对用=分割
 var cookiePair=cookie.split('=');
 console.log(cookiePair[0]+'='+cookiePair[1]);
}

• Cookie的生命周期
  1.若没有指定expires属性,创建的Cookie其实只是保存在内存中,浏览器一关闭也就被销毁了
  2.可以保存Cookie时使用expires指定其生命周期

document.cookie='uid=7788';  //单回话Cookie
var time=new Data().getTime()+1000*3600*24*30;
var exp=new Data(time);
document.cookie='uname=tom;expires='+exp.toGMTString();             //30天后失效的Cookie