Web Storage

Author Avatar
Nico Zhang 2月 14, 2018
  • 在其它设备中阅读本文章

概述

Web Storage 包含如下两种机制:

  • sessionStorage 为每一个给定的源(given origin)维持一个独立的存储区域,该存储区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复)。
  • localStorage 同样的功能,但是在浏览器关闭,然后重新打开后数据仍然存在。
  • 通过 Storage 对象,可以设置、获取和移除数据项。.对于每个源(origin)sessionStorage 和 localStorage 使用不同的 Storage 对象——独立运行和控制。

向本地 Storage 对象,并增加了一个数据项

sessionStorage.setItem("key","value");

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

读取 localStorage 项

var valueSession = sessionStorage.getItem("key");

var valueLocal = localStorage.getItem("key");

删除localstorage

sessionStorage.removeItem('key');

localStorage.removeItem('key');

清除所有数据

sessionStorage.clear();

localStorage.clear();

特点

  1. localStorage跟HTTP无关
  2. HTTP不会带上localStorage的值
  3. 只有相同域名的各页面才能相互读取localStorage(没有同源那么严格)
  4. 每个域名localStorage容量大约5M
  5. localStorage永久有效,除非用户清理缓存

sessionStorage的特点同上,只是sessionStorage会过期(关闭浏览器会清除)