浏览器的本地存储

HTML 本地存储提供了两个在客户端存储数据的对象：

• window.localStorage - 存储没有截止日期的数据
• window.sessionStorage - 针对一个 session 来存储数据（当关闭浏览器标签页时数据会丢失）

在使用本地存储时，请检测 localStorage 和 sessionStorage 的浏览器支持：

if (typeof(Storage) !== "undefined") {
    // 针对 localStorage/sessionStorage 的代码
} else {
    // 抱歉！不支持 Web Storage ..
}

localStorage 对象

localStorage 对象存储的是没有截止日期的数据。当浏览器被关闭时数据不会被删除，在下一天、周或年中，都是可用的。

实例

// 存储
localStorage.setItem("lastname", "Gates");
// 取回
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

实例解释：

• 创建 localStorage 名称/值对，其中：name="lastname"，value="Gates"
• 取回 "lastname" 的值，并把它插到 id="result" 的元素中

上例也可这样写：

// 存储
localStorage.lastname = "Gates";
// 取回
document.getElementById("result").innerHTML = localStorage.lastname;

删除 "lastname" localStorage 项目的语法如下：

localStorage.removeItem("lastname");

注释：名称/值对始终存储为字符串。如果需要请记得把它们转换为其他格式！

sessionStorage 对象

sessionStorage 对象等同 localStorage 对象，不同之处在于只对一个 session 存储数据。如果用户关闭具体的浏览器标签页，数据也会被删除。

数组与object不能直接存储进去，必须先将数组转换成json对象。然后存储json对象，最后取出json对象转成数组或是objec。

对于 object：

var obj = { name:'Jim' }; 
var str = JSON.stringify(obj); 

//存入 
sessionStorage.obj = str; 
//读取 
str = sessionStorage.obj; 
//重新转换为对象 
obj = JSON.parse(str);

对于数组：

var number = [1,2,3];
var ss = window.sessionStorage;
			
var playjson = JSON.stringify(number);
ss.splay = playjson;
/*也可以写成:
ss.setItem("splay",playjson);*/
var pp = JSON.parse(ss.splay);
for(var i = 0;i<pp.length;i++)
{
	alert(pp[i]);
}