js 数据存储

1.Cookie
HTTP Cookie，通常直接叫做Cookie，最初在客户端用于存储会话信息的。
需要制定作用域，不可以跨域访问；
无法保存太大的数据（最大仅为4KB）；
本地保存的数据会发送给服务器，浪费带宽 ；

2.sessionStorage
用于本地存储一个会话（session）中的数据，关闭窗口后，sessionStorage即被销毁，除了协议、主机名、端口外，还要求在同一窗口（也就是浏览器的标签页）下，能读取/修改到同一份sessionStorage数据。

3.localStorage
持久化的客户端存储，除非主动删除数据，否则数据是永远不会过期的。
存储的信息在同一域中是共享的。localStorage只要在相同的协议、相同的主机名、相同的端口下，就能读取/修改到同一份localStorage数据。

设置：lacalStorage.setItem('key','value');或者localStorage.name=value;
获取：localStorage.getItem('key');或者localStorage.name;
删除：localStorage.remove('key');或者delete localStorage.name;
清除所有：localStorage.clear();

sessionStorage与localStorage用法一样。

三者的相同点：
在本地（浏览器端）存储数据。

三者不同点：
Cookie：大小4kb，有过期时间，每次请求都发往服务器，增加请求，网页性能变差
localStorage：大小5M，无过期时间，不发往服务器， 不兼容IE6
sessionStorage: 大小5M，有过期时间，不发往服务器