Javascript本地存储

@liushaozhen 2016-08-21 14:38:12发表于 iuap-design/blog

cookie

cookie在其它的issue已经详细的提到过,详情见 js中cookie的使用

localStorage

这是一种持久化的存储方式,也就是说如果不手动清除,数据就永远不会过期。

使用方法:

  • localStorage.length 获得storage中的个数
  • localStorage.key(n) 获得storage中第n个元素对的键值(第一个元素是0)
  • localStorage.getItem(key)获取键值key对应的值
  • localStorage.key 获取键值key对应的值
  • localStorage.setItem(key, value) 添加数据,键值为key,值为value
  • localStorage.removeItem(key) 移除键值为key的数据
  • localStorage.clear() 清除所有数据

sessionStorage

和服务器端使用的SESSION类似,是一种会话级别的缓存,关闭浏览器会数据会被清除。

使用方法:

  • sessionStorage.length获得storage中的个数
  • sessionStorage.key(n)获得storage中第n个元素对的键值(第一个元素是0)
  • sessionStorage.getItem(key)获取键值key对应的值
  • sessionStorage.key 获取键值key对应的值
  • sessionStorage.setItem(key, value)添加数据,键值为key,值为value
  • sessionStorage.removeItem(key)移除键值为key的数据
  • sessionStorage.clear()清除所有数据

globalStorage

这个是Firefox浏览器特有的,也是一种持久化的存储

使用方法:

  • globalStorage['developer.mozilla.org'] —— 在developer.mozilla.org下面所有的子域都可以通过这个存储对象来进行读和写。
  • globalStorage['mozilla.org'] —— 在mozilla.org域名下面的所有网页都可以通过这个存储对象来进行读和写。
  • globalStorage['org'] —— 在.org域名下面的所有网页都可以通过这个存储对象来进行读和写。
  • globalStorage[''] —— 在任何域名下的任何网页都可以通过这个存储对象来进行读和写。

方法属性:

  • setItem(key, value) —— 设置或重置 key 值。
  • getItem(key) —— 获取 key 值。
  • removeItem(key) —— 删除 key 值。
  • 设置 key 值:window.globalStorage["planabc.net"].key = value;
  • 获取 key 值:value = window.globalStorage["planabc.net"].key;