存储

Web Storage

链接网址：https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

Web Storage API 提供了存储机制，通过该机制，浏览器可以安全地存储键值对，比使用 cookie 更加直观。

读

localStorage.getItem('key');

该方法接受数据项的键作为参数，并返回数据值。

写

localStorage.setItem('key', 'value');

该方法接受两个参数——要创建/修改的数据项的键，和对应的值。

删

localStorage.removeItem('key')

接受一个参数——你想要移除的数据项的键，然后会将对应的数据项从域名对应的存储对象中移除。

localStorage.clear();

不接受参数，只是简单地清空域名对应的整个存储对象。

通过 StorageEvent? 响应存储的变化

这个响应发生在改变数据页面以外的所有页面。

window.addEventListener('storage', function(e) {
   //回调函数
  console.log(e);
});

无论何时，Storage 对象发生变化时（即创建/更新/删除数据项时，重复设置相同的键值不会触发该事件，Storage.clear() 方法至多触发一次该事件），StorageEvent? 事件会触发。在同一个页面内发生的改变不会起作用——在相同域名下的其他页面（如一个新标签或 iframe）发生的改变才会起作用。在其他域名下的页面不能访问相同的 Storage 对象。

其他

ios 微信支持这个东西,android 会在关闭微信后清空这个东西