html5本地存储

1.JSON的使用:
结合JSON.stringify使用更强大 var person = {'name': 'rainman', 'age': 24};

localStorage.setItem("me", JSON.stringify(person));
JSON.parse(localStorage.getItem('me')).name; // 'rainman'
 JSON.stringify，将JSON数据转化为字符串
 JSON.stringify({'name': 'fred', 'age': 24});// '{"name":"fred","age":24}'
 JSON.stringify(['a', 'b', 'c']); // '["a","b","c"]'
 JSON.parse，反解JSON.stringify
 JSON.parse('["a","b","c"]') // ["a","b","c"]

 

2. .setItem的使用:

localStorage.setItem(8 , 24);
localStorage.setItem("Spy","pigerla.com");
localStorage.setItem("array",[1,2,3,4,5]);
localStorage.getItem("array");
输出："1,2,3,4,5"

localStorage.getItem(8);
输出："24"

localStorage.getItem("Spy");
输出："pigerla.com"

localStorage.getItem(24);
输出：null

localStorage.getItem("pigerla.com");
输出：null
localStorage.setItem("UserName","张三");//将UserName存进去
if(localStorage.getItem("UserName"))//假如存进去了
{
 console.log(localStorage.getItem(“UserName”));//打印出来样子
}
//注意：
因为localStorage存储进去的都是string类型，所以如果要存json记得存前读后做些处理
var myJson={“UserName”,”黄大帅哥”};
localStorage.setItem(“MyJson”,JSON.stringify(myJson));//将myJson存进去，记得JSON.stringify转成字符串
var getmyJson=JSON.parse(storage.getItem(“MyJson”));//取出来的是字符串，记得JSON.parse还原一下

 

3.localStorage的赋值取值:

localStorage.a = 3;//设置a为"3"
localStorage["a"] = "sfsf";//设置a为"sfsf"，覆盖上面的值
localStorage.setItem("b","isaac");//设置b为"isaac"
var a1 = localStorage["a"];//获取a的值
var a2 = localStorage.a;//获取a的值
var b = localStorage.getItem("b");//获取b的值
localStorage.removeItem("c");//清除c的值
清除键值对使用removeItem()。如果希望一次性清除所有的键值对，可以使用clear()。
key()方法，可以在不知道有哪些键值的时候使用，