浏览器cookie、localStorage、sessionStorage生命周期

浏览器中的三种主要客户端存储机制——Cookie、localStorage 和 sessionStorage ——各有不同的生命周期:

  1. Cookie:

    • 会话Cookie: 如果不设置过期时间(ExpiresMax-Age 属性),Cookie 在浏览器关闭时失效,也称作会话级Cookie。
    • 持久Cookie: 若设置了过期时间,则Cookie会在指定的日期过后失效。即使关闭浏览器,只要过期时间未到,再次打开浏览器时Cookie仍然存在。
  2. localStorage:

    • localStorage 的数据是持久化的,也就是说,除非通过代码显式清除,或者用户在浏览器设置中手动清除网站数据,否则数据将永久保存在客户端。即使关闭浏览器再重新打开,localStorage 中的数据也不会丢失。
  3. sessionStorage:

    • sessionStorage 存储的数据仅在当前浏览器窗口(或标签页)的会话期间有效。一旦浏览器窗口或标签页被关闭,sessionStorage 中的数据就会被清除。但是,刷新页面不会清除sessionStorage中的数据,它只在会话终止时(即窗口关闭)才消失。

总结:

  • Cookie 生命周期可由开发者设置,既可以是临时(会话)也可以是持久(根据过期时间)。
  • localStorage 数据始终存在,除非主动删除。
  • sessionStorage 数据仅在浏览会话期间存在,窗口或标签关闭后数据不再保留。
  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CookieLocalStorageSessionStorage是在Web开发中常用的存储数据的方式。 Cookie是一种存储在用户计算机上的小型文本文件,由服务器通过HTTP响应发送给浏览器浏览器会将Cookie保存,并在后续的请求中通过HTTP头部发送给服务器。Cookie可以用来存储少量的数据,例如用户的身份认证信息、用户的偏好设置等。由于存储在客户端,因此可以在不同的会话之间持久保存。 LocalStorageSessionStorage是HTML5中新增的Web存储接口,都是在浏览器端进行数据存储的方式,不需要与服务器进行交互。它们使用相似的API,都可以存储大量的数据,并且保存在浏览器的本地环境中。 LocalStorageSessionStorage之间的主要区别在于数据的生命周期和作用域。LocalStorage保存的数据没有过期时间,除非用户手动删除,否则数据会一直保留。而SessionStorage保存的数据只在当前会话中有效,当用户关闭浏览器窗口或标签页时,数据会被清除。另外,LocalStorage的数据可以在同一个域名下的不同页面间共享,而SessionStorage的数据只能在同一个页面中共享。 总结: - Cookie是在服务器和浏览器之间传递的存储方式,用于存储少量数据。 - LocalStorageSessionStorage是在浏览器端进行数据存储的方式,可以保存大量数据。 - LocalStorage的数据没有过期时间,而SessionStorage的数据在会话结束时被清除。 - LocalStorage的数据可以在同一个域名下的不同页面间共享,而SessionStorage的数据只在同一个页面中有效。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值