localStorage,sessionStorage和cookies的区别

localStorage,sessionStorage和cookies的区别

1.存储数据大小:
localStorage和sessionStorage的存储数据大小一般都是:5MB。
cookie为4KB。
2.存储数据的类型:
localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理。
cookie的作用:主要用于保存登录信息。
3.存在客户端的生命周期:
sessionStorage:仅在当前浏览器窗口关闭之前有效;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;
cookie:只在设置的cookie过期时间之前有效,即使窗口关闭或浏览器关闭.。
4.作用域不同:
sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localstorage在所有同源窗口中都是共享的;
cookie也是在所有同源窗口中都是共享的
5.发送请求:
cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递,而sessionStorage和localStorage不会自动把数据发送给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。
6.用途:
cookie是不可或缺的,cookie的作用是与服务器进行交互,作为http规范的一部分而存在的,而web Storage仅仅是为了在本地“存储”数据而生。
7.API:
localStorage和sessionStorage有完善的API方法。
cookies一般需要自己去封装。

方法:

localStorage和sessionStorage提供了四个方法来辅助我们进行存储的相关操作:
(1)setltem(key,value):添加本地存储数据
(2)getltem(key):通过key获取相应的value值
(3)removeltem(key):通过key删除本地数据
(4)clear():清空数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值