您现在的位置:首页 >> 前端 >> 内容

localStorage的特点和获取方法

时间:2017/10/25 9:38:04 点击:

  核心提示: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);

(完)

Tags:LO OC CA AL 
作者:网络 来源:......的博客