SessionStorage,LocalStorage,Cookie 的区别

他们都是保存在浏览器端,而且是同源的


    LocalStorage:生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。就是除非主动删除数据,否则的话数据永远不会消失;不参与和浏览器的通信,大小有限制
    方法:LocalStorage.getItem(),setItem(),removeItem(),clear();


    SessionStorage:生命周期是只在当前浏览器窗口中有效,SessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭,即使刷新页面或者进入同源的另一个页面,数据也还在。但是SessionStorage在关闭了浏览器数据就会销毁。
    方法:SessionStorage.getItem(),setItem(),removeItem(),clear();


    Cookie:生命周期只在设置的cookie过期时间之前有效,存放数据一般为4K左右,一般数量不能超过20个,cookie可以与服务端进行通信,但是使用cookie保存过多数据会带来性能问题。而且cookie需要自己封装。总之cookie就是一个存放数据的东西,存放客户端和应用设备上。
    应用场景:用户注册,用户登录,购物车等
    cookie的参数:name,value,域名,路径,是否是http,是否是https
    cookie的操作
        document.cookie = "username=sorber" name名字
        document.cookie  获取cookie的内容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值