1.localStorage的特点
相对于其他存储方式,localStorage有以下几个特点
(1)存储在客户端中
(2)存储容量大:能存储5M甚至更多的数据
(3)能一直存在于浏览器中,除非用户自己手动删除
2.localStorage的获取
var storage = window.localStorage;
/*第一种方法*/
storage.name;
/*第二种方法*/
storage["name"];
/*第三种方法*/
storage.getItem("name");
3.localStorage的设置
var storage = window.localStorage;
/*第一种方法*/
storage.name = john;
/*第二种方法*/
storage["name"] = john;
/*第三种方法*/
storage.getItem("name", john);
4.localStorage的删除
一次性全部清除
var storage = window.localStorage;
storage.clear();
只是删除某一项
var storage = window.localStorage;
storage.removeItem("name");
5.localStorage的应用
一般会将JSON存入localStorage中,但是localStorage会自动将JSON转换成字符串的形式,为避免数据的丢失,这个时候就要用到JSON.stringify()这个方法来将JSON转换成字符串,然后将其存入localStorage中
var storage = window.localStorage;
var data = {
name: 'john',
sex: 'man'
};
var d = JSON.stringify(data);
storage.setItem("data", d);
当要用到存储在localStorage中的JSON数据时,要将JSON字符串转换成JSON对象就要使用JSON.parse()方法
var localStorage = window.localStorage;
var data = {
name: 'john',
sex: 'man'
};
var d = JSON.stringify(data);
localStorage.setItem("data", d);
var json = storage.getItem();
jsonObj = JSON.parse(json);
(完)