HTML5 本地存储1--Web Storage和本地数据库Web SQL Database

我也是刚开始学习，我平时做的笔记，在周六总结一下，做个记录。

首先，简单介绍一下html5的本地存储：

html5的本地存储规范中，定义了两个重要的api：Web Storage和本地数据库 Web SQL Database

Web Storage提供了两种存储类型的api接口：sessionStorage和localStorage
生命周期：一个是在会话期间；一个是存储在本地，并且存储是永久的，除非用户或者程序对其执行删除操作
sessionStorage和localStorage主要差异是数据保存时长和数据的共享方式,他们都继承于Storage接口，因此他们
的使用方法基本上是一样的  

 <script >
//定义json格式字符串
var userData = {
name:"zhangjiamei",
account:"zjm7758521",
level:1,
disabled:""
};
var testData = {
name:"范甜甜",
account:"zjm7758521",
level:1,
disabled:""
}
//1
//存储userData数据（存储的是userData格式化后的json数据）
//localStorage.setItem("userData",JSON.stringify(userData));
//localStorage.setItem("userData",JSON.stringify(testData));
//读取userData数据并赋值给新变量 newUserData
var userData = JSON.parse(localStorage.getItem("userData"));
//对userData内的数据设置新值
//JSON.parse(localStorage.getItem("userData")).name = "new Sanky Name";
//userData.name = "new Sanky Name";
//删除本地存储的数据
//localStorage.removeItem("userData");
//alert(userData.name);
//alert(JSON.parse(localStorage.getItem("userData")).name);

//2
localStorage.setItem("userData",JSON.stringify(userData));
var userDate = JSON.parse(localStorage.getItem("userData"));
userData.name = "张佳美";
localStorage.setItem("userData",JSON.stringify(userData));
alert(userData.name);
alert(JSON.parse(localStorage.getItem("userData")).name);


//小结：
//存储在本地的数据是不能通过”.“值来进行修改的；可以通过setItem方法来进行修改，或者通过修改参数，在重新赋值才可以修改，
//
 </script>