localStorage、sessionStorage 和 Cookie 区别及用法区别： localStorage:

区别： localStorage: 永久存储，关闭页面或浏览器之后 localStorage 中的数据也不会消失。localStorage 除非主动删除数据，否则数据永远不会消失

sessionStorage: 会话存储，只要这个浏览器窗口没有关闭，即使刷新页面或者进入同源另一个页面，数据依然存在。但是 sessionStorage 在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面

cookie: cookie生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。存放数据大小为4K左右, 有个数限制（各浏览器不同），一般不能超过20个。缺点是不能储存大数据且不易读取

用法：

储存数据

用途: 将 value 存储到 key 字段
用法: setItem( key, value)
代码示例
```
sessionStorage.setItem('key', 'value');

localStorage.setItem('key', 'value');
```
取出数据

用途: 获取指定 key 本地存储的值
用法: getItem(key)
代码示例
```
sessionStorage.getItem('key');

localStorage.getItem('key');
```
删除数据

用途: 删除指定 key 本地存储的值
用法: removeItem(key)
代码示例
```
sessionStorage.removeItem('key');

localStorage.removeItem('key');
```
清除数据

用途: 清除所有本地存储的数据
用法: clear()
代码示例
```
sessionStorage.clear();
localStorage.clear();
```

window.document.cookie = 'xxx';

document.cookie