HTML5 Storage JSON_打印storage json-优快云博客

本文介绍了如何在HTML5中使用localStorage进行数据的存储与读取，并演示了JSON对象的序列化与反序列化过程。文章通过具体示例展示了如何将JavaScript对象转换为JSON格式并保存到localStorage中，以及如何从localStorage中读取JSON格式的数据并将其转换回JavaScript对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

if(window.localStorage){
			document.write("localStorage" + "<br/>");
			//定义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 + "<br/>");
			document.write(newUserData.name + "<br/>");
		}
		if(window.sessionStorage){
			document.write("sessionStorage" + "<br/>");
		}

上面的代码中，使用了一个JSON格式的对象，该对象是一种数据交换格式，在所有的现代浏览器中都支持，并且可以通过window.JSON或JSON的语法直接调用。对于旧浏览器或不支持该对象的浏览器来说，需要导入一个额外的JS类库，该库可以从http://json.org/网站上获取到。

目前，JSON对象已经被纳入了ES5标准中，成为下一代JS语言的一部分，将来必能广泛应用到HTML5应用程序中。

在代码中使用了JSON.stringify方法把字符串数据格式转换成JSON对象，存储到本地。读取数据时则通过JSON.parse方法把JSON对象转换成原来的数据格式。

摘录自《HTML5移动Web开发指南》唐俊开