Cookie，LocalStorge、SesstionStorge的区别和用法

Cookie

什么是cookie?

cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。

1.cookie所有数据都保存在浏览器，数据大小不超过4k，只适合保存小数据；
2.cookie可以设置保存时间，在设置时间内一直有效，即使关闭浏览器窗口；
3.cookie在所有同源窗口中都是共享的；
4.cookie数据始终在同源的http请求中携带，即会在浏览器和服务器间来回传递。
Cookie字段
name：名称
value：值
expires：数据保存时间
domain：域名
path：路径
secure：安全

Web Storage

Web Storage有两种形式：
LocalStorage(本地存储)和sessionStorage(会话存储)

1.WebStorage数据完全存储在客户端，不需要通过浏览器的请求将数据传给服务器，存储数据5M左右；
2.LocalStorage和sessionStorage功能上是一样的，但是存储持久时间不一样

LocalStorage：浏览器关闭之后数据依然可以保存下来，并可用于所有同源(相同的域名，协议和端口)窗口，永久存储，永不失效，除非手动删除；
sessionStorage：数据存储在窗口对象中，窗口关闭后对应的窗口对象消失，存储的数据也丢失，就是浏览器窗口关闭后就失效了。
作用域：
sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面，localStorage在所有同源窗口中都是共享的。
sessionStorage都可以用Localstorage来代替。

3.Storage类的相关成员：

length          属性        获取存储数据的条数
key(n)          n:索引值    根据索引值，返回键名
getltem(key)    key:键名    根据键名，获取数据值
setltem(key,value)   key:键名value:键值    根据键名和键值设置数据项，如果键名已经存在，则覆盖值
removeltem(key) key:键名    根据键名删除一个数据项
clear()         无          清空当前的Storage对象

栗子：

参数设置localStorage.setltem('age',40);
访问数据 =.getltem('age');
删除键值对localStorage。removeltem('age');
删除所有键值对 localStorage.clear();