核心提示:1.localStorage的特点相对于其他存储方式,localStorage有以下几个特点(1)存储在客户端中(2)存储容量大:能存储5M甚至更多的数据(3)能一直存在于浏览器中,除非用户自己手动删...
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);
(完)