Cookie

Cookie会话跟踪技术介绍

cookie 也叫 HTTPCookie，是客户端与服务器端进行会话(session)使用的一个能够在浏览器本地化存储的技术。
cookie的作用 --- 主要是在浏览器存储少量数据, 利用cookie我们可以实现一些保存数据的功能.

cookie的特性

1. 为了解决http无状态问题
2. 存储只有4k左右
3. 它是存储在浏览器上
4. 会随着请求携带cookie的值到服务器
5. 可以被伪装和修改(不安全)

Cookie的使用

1. cookie由键值对形式的文本组成：name=value
2. 完整格式 : name=value;[expires=date];[path=路径];[domain=域名];[secure]
其中中括号[]表示这个值是可选的

(1) name=value ---- 表示你要保存的键值对(必选)
(2) expires=date ---- 表示cookie的失效时间, 默认是浏览器关闭时失效(可选)
(3) path=路径 ---- 访问路径, 默认为当前文件所在目录(可选)
(4) domain=域名 ---- 访问域名, 限制在该域名下访问(可选)
(5) secure ---- 安全设置, 如果设置了则必须使用https协议才可获取cookie(可选)

1. 获取和设置cookie --- 使用document对象来获取和设置cookie
2. expires=失效时间 --- 表示cookie会在该时间被删除掉, 默认是浏览器关闭的时候
　　(1)可以自己设置cookie的失效时间

例如: var date = newDate();

　　date.setDate(date.getDate() +7);

　　document.cookie = “user=张三;expires=” + date;

　　(2)主动删除cookie
　　失效时间设置在现在时间或现在之前的时间即可删除指定cookie
　　name值为指定要删除的那个cookie

　　var date = new Date();

　　document.cookie = “user=张三;expires=” + date;

3. path=路径 ---- 指定对应的路径携带cookie
　　设置路径后, 则只有设置的那个路径文件才可以访问cookie, 默认为当前文件所在目录
　　一般设置path=/, 表示磁盘(域名)根目录, 则其他路径也可以获取到该cookie值
　　注意: 在设置路径path时, 要记得设置失效时间expires

cookie的增删改查

1. 添加 --- 直接赋值 --- document.cookie = "key=value"
2. 获取 --- 采用读取字符串的形式
　　console.log(document.cookie.split(";")[ 0 ] .split("=")[ 1 ]; //拿到value值
3. 删除 --- 设置过期时间 --- document.cookie = "key = value; expires = " + new Date();
4. 修改 --- 重新设置就是修改 --- document.cookie = "key = hello

cookie和localStorage 的区别 (存储大小/地址/是否请求携带/增删改查)

1. localStorage 容量大于cookie --- localStorage容量有5兆
2. localStorage 存储的位置和 cookie 不是一个地方 --- localStorage存储在浏览器目录根下
3. localStorage 对应的不会随请求携带 (本地缓存)
4. localStorage没有过期时间, 需要自己设置