localStorage

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);

(完)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值