本地存储

Localstorage

1.存储在客户端中；

2.域内安全，是基于域的，各个浏览器的数据相互独立；（cookie也是如此的）

3.通过JSON.stringify与JSON.parse存储和提取json数据

4.只能通过重新设置value值才能改变本地存储中的对象数据

SessionStorage

1.与Localstrong一样，但SessionStorage存储的生命周期只保存在存储它的当前窗口或由当前窗口新建的新窗口，直到相关联的标签页关闭。

通过 getItem 与 setItem 来获取和设置数据，通过clear() 删除全部存储数据

Storage事件监听实现多页面的交互

window.addEventListener('storage',function(e){
       console.log(e);
 },true)