localStorage和sessionStorage

localStorage用来弥补cookie的不足:cookie在本地存储,但是最多只能存储4k的内容;而localstorage最多可以存储5M的内容;localstorage是以键值对的形式存储;

但是localstorage也有缺点,即只能存储string类型;

sessionstorage也是存储在客户端中,与localstorage无过期时间相比,sessionstorage一但关闭标签页即删除;

localstorage的使用:

var  m=window.localstorage;

(更改)写入:                                    读取:

m["a"]=1;                                m["a"]

m.a=1;                                     m.a

m.setItem("a",3);                      m.getItem("a")1

删除:

所有:m.clear();

指定内容:m.removeItem("a");

获取键:

for(var i=0;i<m.length;i++){
console.log(m.key(i));

}

由于localStorage会将所有内容转化成string类型,若保存json格式数据,使用JSON.stringify()将json数据转化成字符串;

使用JSON.parse()将保存的json字符串转换成json格式的数据;

var data={
name:bob,

age:12,

tall:178

}

var m=window.localstorage

var d=JSON.stringify(data);

m.setItem("data",d);  //将数据以字符串形式存储;

var  a=m.getItem("data");

var b=JSON.parse(a);  //将数据转化成json格式;

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值