cookie、localStroage与sessionStorage的区别以及用法

本文详细介绍了cookie、localStorage和sessionStorage的特点和应用场景。cookie用于存储小量信息,保存在浏览器端,安全性较低且大小有限制。localStorage和sessionStorage都是HTML5提供的本地存储方式,前者持久化存储,后者只在会话期间有效,两者存储空间为5MB,且用户无法通过禁用它们来阻止存储。它们主要存储字符串,适用于长期登录、敏感一次性登录等场景,提供更高的存储空间和节省网络流量的优点。
摘要由CSDN通过智能技术生成

cookie是服务器发给客户端的特殊信息, 以文本形式存储在客户端,每次请求都会带上cookie

保存在浏览器端

保存时间

  • 设置过期时间,浏览器关闭后不会清除,保存在硬盘中, 过期时间到期后失效
  • 不设置过期时间, 保存在内存中, 浏览器关闭后消失

单个cookie大小不能超过4kb

安全性较低, cookie截获, cookie欺骗

应用场景

  • 判断用户是否登陆过网站, 以便下次登录时能够实现自动登录(或者记住密码)。如果我们删除cookie,则每次登录必须从新填写登录的相关信息。
  • 保持上次登录的时间等信息
  • 保存上次登录查看的页面
  • 浏览计数

缺点

  • 大小受限
  • 用户可以禁用cookie, 使功能受限
  • 安全性较低
  • 有些状态不能保存在客户端
  • 每次访问都要传送cookie给服务器,浪费带宽。
  • cookie数据有路径(path)的概念,可以限制cookie只属于某个路径下。

webStorage

localStorage(本地储存)

永久储存, 除非主动删除, 否则不会消失

sessionStorage(会话储存)

  • 仅在当前会话下有效
  • 在同源窗口始终存在, 浏览器关闭之前
  • 浏览器打开新的同源页面
  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值