Web storage --> localStorage(本地存储) sessionStorage (会话存储)。 都允许js的键值对进行操作在在重新加载不同的页面的时候读出它们。这一点与cookie类似。
1. Web Storage 与 cookies 的区别 。 web...数据全部存储在浏览器上，不需要将浏览器的请求给服务器，所以比cookies存的多 有5M左右。
2.localStorage 与 sessionStorage 存储时间不一样
LocalStorage：浏览器关闭了数据仍然可以保存下来，并可用于所有同源（相同的域名、协议和端口）窗口（或标签页）
sessionStorage：数据存储在窗口对象中，窗口关闭后对应的窗口对象消失，存储的数据也会丢失。
Storage类的相关成员如下：
| 成员名 | 方法参数 | 描述 |
| length | 属性 | 获取存储数据的条数 |
| key(n) |
n:索引值 | 根据索引值，返回键名 |
| getItem(key) | key:键名 | 根据键名，获取数据值 |
| setItem(key,value) | key:键名 value:键值 | 根据键名和键值设置数据项，如果键名已经存在，则覆盖值 |
| removeItem(key) | key:键名 | 根据键名删除一个数据项 |
| clear() | 无 | 清空当前的Storage对象 |
其用法：
参数设置很简单，如下例：
localStorage.setItem('age', 40);
访问一个存储的数据一样很容易：
= .getItem('age');
可以这样删除一个特定的键值对：
localStorage.removeItem('age');
或者删除所有的键值对：
localStorage.clear();
sessionStorage与页面 js 数据对象的区别:
sessionStorage只要是同源的同窗口（Tab）中，刷新页面或者进入不同的页面数据对象仍然被保存，也就是说只要浏览器窗口不关闭，加载页面（同源）或刷新页面，数据仍存在。