Web存储机制

Web Storage的目的是战胜由cookie带来的一些限定，当数据需要被严厉控制在客户端上时，无需延续地将数据发还服务器。Web Storage的两个重要目的是：

• 供应一种在cookie以外存储会话数据的门路

• 供应一种存储大批能够跨会话存在的数据的机制

sessionStorage对象

sessionStorage 是个全局对象，它维护着在页面会话(page session)时期有用的存储空间。只需浏览器开着，页面会话周期就会一向延续。—> 当页面从新载入或许被恢复时（封闭页面又从历史记录中翻开该页面），页面会话也是一向存在的。每当新标签或许新窗口中翻开一个新页面，都邑初始化一个新的会话（每一个页面都有本身的sessionStorage）。

• 存储数据

sessionStorage.setItem("name","value");
sessionStorage.name = "value";

• 读取数据

sessionStorage.getItem("name")
var name = sessionStorage.name

• 遍历

for(var i=0, len = sessionStorage.length; i<len; i++){
    var key = sessionStorage.key(i);
    var value = sessionStorage.getItem(key);
    alert(key + "=" + value);
}

for (var key in sessionStorage){
    var value = sessionStorage.getItem(key);
    alert(key + "=" + value);
}

• 删除数据

delete sessionStorage.name
sessionStorage.removeItem("book")

• 清空悉数数据

sessionStorage.clear()

localStorage

要接见一个localStorage对象，页面必需来自同一个域名(子域名无效)，运用同一种协定，在同一个端口。localStorage中存储的数据具有持久性，除非手动挪用相干要领或许用户手动清算.

• 存储数据

localStorage.setItem("name","value");
localStorage.name = "value";

• 读取数据

localStorage.getItem("name")
var name = localStorage.name

• 遍历

for(var i=0, len = localStorage.length; i<len; i++){
    var key = localStorage.key(i);
    var value = localStorage.getItem(key);
    alert(key + "=" + value);
}

for (var key in localStorage){
    var value = localStorage.getItem(key);
    alert(key + "=" + value);
}

• 删除数据

delete localStorage.name
localStorage.removeItem("book")

• 清空悉数数据

localStorage.clear()

限定

localStorage和sessionStorage的容量大小大约为5MB