localStorage和sessionStorage

localStorage:

优势:localStorage扩展了cookie 4kb的限制,可以将http第一次请求来的数据缓存起来,大小为5MB。

缺点:缓存内容果多,会影响页面性能,并且在高版本的浏览器才支持,比如IE8及以上,目前所有的浏览器中都会把localStorage的值类型限定为string类型。

 

sessionStorage:与localStorage差不多,不同的是,sessionStorage的缓存在页面关闭时消失。

 

两者的API都相同,这里以localSrotage来写例子

 

清除缓存:

localStorage.clear()  //清除所有缓存

 

存储数据:

localStorage.setIem("key", "value")

localStorage.key = "value"  //与上面的效果是一样的

 

读取数据:

localStorage.getItem(" name ")  //读取保存在localStorage里名为name的值

localStorage.name  //直接读取name的值

localStorage.valueOf()  //读取localStorage保存的所有值

localStorage.key()    //展现localStorage保存的所有键,以下标的形式

 

删除保存的变量

localStorage.removeItem(" ")  //删除某个值

 

检查localStorage里是否保存某个变量

localStorage.hasOwnProperty("") //   true / false

转载于:https://www.cnblogs.com/wangyao521/p/11187751.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值