if(window.localStorage){
document.write("localStorage" + "
");
//定义JSON格式字符串
var userData = {
name:"Sankyu Name",
account:"sankyu",
level:1,
disabled:true
};
localStorage.setItem("userData",JSON.stringify(userData));
var newUserData = JSON.parse(localStorage.getItem("userData"));
localStorage.removeItem("userData");
document.write(newUserData + "
");
document.write(newUserData.name + "
");
}
if(window.sessionStorage){
document.write("sessionStorage" + "
");
}
上面的代码中,使用了一个JSON格式的对象,该对象是一种数据交换格式,在所有的现代浏览器中都支持,并且可以通过window.JSON或JSON的语法直接调用。对于旧浏览器或不支持该对象的浏览器来说,需要导入一个额外的JS类库,该库可以从网站上获取到。
目前,JSON对象已经被纳入了ES5标准中,成为下一代JS语言的一部分,将来必能广泛应用到HTML5应用程序中。
在代码中使用了JSON.stringify方法把字符串数据格式转换成JSON对象,存储到本地。读取数据时则通过JSON.parse方法把JSON对象转换成原来的数据格式。
摘录自《HTML5移动Web开发指南》唐俊开