千锋教育JavaScript全套视频教程（10天学会Js，前端javascrip
Cookie 会话跟踪技术
是由Web服务器保存在用户浏览器上的小文本文件，它可以包含相关用户的信息。
无论何时用户链接到服务器，Web站点都可以访问Cookie信息 。
Cookie 的特点
1. 存储大小有限制，一般是 4 KB 左右
2. 数量有限制，一般是 50 条左右
3. 有时效性，也就是有过期时间，一般是 会话级别（也就是浏览器关闭就过期了）
4. 有域名限制，也就是说谁设置的谁才能读取
在 同源(同协议、同域名、同端口) 的页面下 Cookie可以共享
Cookie的使用
操作Cookie就通过一条语句实现
document.cookie
设置cookie
--- document.cookie = 'key(名字)=value(值)';
cookie的过期时间是根据 世界统一时间计算的
我们所在的时区是 东八区，比世界标准时间快了8小时
可以获取到当前的时间，
减去 8小时
再加上我们期望cookie设置多久后 过期的 时间
let d1 = new Date();
d1.setTime(d1.getTime() - 1000*60*60*8 + 1000*2000);
document.cookie = 'eee=hello;path=/;expires='+d1;
删除cookie
设置cookie的过期时间为一个已经过去的时间
let d2 = new Date();
d2.setTime(d2.getTime() - 1000*60*60*8 - 1);
获取cookie
通过 document.cookie 获取
但是会获取到 页面中所有的 cookie,
返回的是一个 字符串
let cookies = document.cookie;
4.浏览器本地存储
localStorage 本地存储 --- H5
存储大小：4~5M左右(不同浏览器之间有差异)
生命周期：永久，只要不手动删除，就会一直存在
在 同源(同协议、同域名、同端口) 的页面下 可以共享 本地存储信息
localStorage其实是一个内置对象，是windwo对象下的一个对象
操作 本地存储 时，它的 key 和 value 必须都是 字符串String
方法
localStorage.setItem(key,value) 设置本地存储
localStorage.getItem(key) 获取本地存储
localStorage.removeItem(key) 移除本地存储
localStorage.clear() 删除所有的本地存储
localeStorage 永久存储在本地,只要不手动删除就一直存在
可以多个页面共享数据
存储的方式使用key=>value的形式,value必须是字符串
.SessionStorage 会话存储 --- H5
存储大小：4~5M左右(不同浏览器之间有差异)
生命周期：会话级别，只要关闭网页页面就过期消失，而且不能设置过期时间
只在 当前页面可以访问使用，不能跨页面共享数据
其实是一个内置对象，是windwo对象下的一个对象
操作 会话存储 时，它的 key 和 value 必须都是 字符串String
方法：
SessionStorage.setItem(key,value) 设置会话存储
SessionStorage.getItem(key) 获会话存储
SessionStorage.removeItem(key) 移除会话存储
SessionStorage.clear() 删除所有的会话存储
