本地存储 - 简书

cookie

cookie的使用:

设置cookie

document.cookie="userId=828"; 
document.cookie="userId=828; userName=hulk";

获取

var x = document.cookie;

设置过期时间 expires
默认情况下，cookie 在浏览器关闭时删除：

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT";   // GMT_String

删除
为了删除一个cookie，可以将其过期时间设定为一个过去的时间

  //获取当前时间 
    var date=new Date(); 
    //将date设置为过去的时间 
    date.setTime(date.getTime()-10000); 
    //将userId这个cookie删除 
    document.cookie="userId=828; expires="+date.toGMTString();

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;