H5中LocalStorage的使用
Document
注意的是，IE8-IE10中是需要服务器或者localhost才能使用。-->
//使用方法
/*localStorage和sessionStorage的使用方法是一致的，区别在于：localStorage方法存储的数
据没有时间限制。第二天、第二周或下一年之后，数据依然可用。而sessionStorage 方法针对
一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。*/
//创建localStorage
localStorage.setItem('user','轮回韩');
//访问localStorage
localStorage.getItem('user','轮回韩');
//localStorage都是以字符串形式来存储数据的，即使你存储的是数组和对象，localStorage也会将数组和对象以字符串的形式存储
//存储对象
var obj={
name:'轮回韩',
age:'100',
sex:'女'
};
console.log(obj); //输出 Object {name: "轮回韩", age: "100", sex: "女"}
console.log(typeof obj); //输出 object
window.localStorage.setItem('people',obj);
console.log(window.localStorage.getItem('people')); //输出 [object Object]
console.log(typeof window.localStorage.getItem('people')); //输出 string
//存储数组
var arr=[2,3,5];
console.log(arr); //输出 [2, 3, 5]
console.log(typeof arr); //输出 object
window.localStorage.setItem('num',arr);
console.log(window.localStorage.getItem('num')); //输出 2,3,5
console.log(typeof window.localStorage.getItem('num')); //输出 string
/*其实大多时候我们想要存储的就是数组和对象，这时候该怎么办呢？解决办法就是存储的时候用JSON.stringi
fy转换后再存储，获取的时候用JSON.parse()转换后再获取。*/
var obj1={
name:'轮回韩',
age:'100',
sex:'女'
};
console.log(obj1); //Object {name: "轮回韩", age: "100", sex: "女"}
console.log(typeof obj1); //object
window.localStorage.setItem('people',JSON.stringify(obj1));
console.log(JSON.parse(window.localStorage.getItem('people'))); //Object {name: "轮回韩", age: "100", sex: "女"}
console.log(typeof JSON.parse(window.localStorage.getItem('people'))); //object
