浏览器中Local Storage和Session Storage的区别

最新推荐文章于 2025-05-06 17:59:26 发布
最新推荐文章于 2025-05-06 17:59:26 发布
阅读量1.7k 收藏 2
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yangao1213192588/article/details/103509567
版权
本文深入探讨了LocalStorage和SessionStorage两种Web存储技术的区别。LocalStorage提供无限制的存储空间，只要硬盘空间足够，可以无限存储数据；而SessionStorage则是一种会话存储方式，仅在同一窗口或标签页中有效，关闭窗口后数据将被清除。SessionStorage适用于存储5MB左右的数据（不同浏览器可能有所不同），采用key/value形式保存。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Local Storage：数量空间没有限制，只要硬盘空间较大，可以一直存

Session Storage：是一个会话存储对象，在Session Storage中保存的数据只能在同一窗口或者同一标签中有效，关闭窗口后将会删除Seesion Storage中的数据。

Seesion Storage的存储方式采用key/value的方式，可保存5M左右的数据（不同的浏览器会有区别）

brython 文档之browser.local_storage和browser.session_storage模块
东方佑
05-01 427
python 代替js开发前端页面
cookie、localstorage、seesionStorage的区别 与 具体用法
qq_25131799的博客
10-20 653
==============================三者区别分析============================================== cookie: 存储： 存储在客户端，最大只能存 4kb的数据。 有效时间：可以设置有效时间。过期或者手动删除，就失效。是否失效与浏览器及窗口的打开和关闭无关。 数据与服务器之间的交互方式：cookie的数据会自动的传递到...
浏览器百科：网页存储篇-Session storage介绍（七）
守城小轩的技术窝棚
09-05 976
Session storage 是 HTML5 提供的一种客户端存储机制，用于在浏览器会话期间存储数据。Session storage 的数据只在同一浏览器会话（通常是一个标签页或窗口）中有效。当用户关闭浏览器标签页或窗口时，存储的数据会被清除。不同标签页或窗口的 Session storage 是相互独立的，即使它们来自同一个域名。每个标签页或窗口都有自己独立的 Session storage 空间。Session storage 以键值对的形式存储数据，每个键和值都是字符串。
浏览器存储 Cookie，Local Storage和Session Storage
最新发布
qq_70172010的博客
05-06 498
存储容量：一般为 5MB 左右，不同浏览器可能存在差异。数据有效期：除非手动删除，否则数据不会过期，会一直存储在浏览器中。数据共享：在同一域名下，不同页面可以共享数据。数据存储和读取：使用setItem方法存储数据，getItem方法读取数据。不支持在不同浏览器共享数据。一网站只能访问自己域下的LS。示例代码：// 存储数据localStorage.setItem('username', '打小就很皮');// 读取数据存储容量：与类似，通常为 5MB 左右。数据有效期。
Local Storage 与 Session Storage 的区别
mon_star°的博客
07-11 436
生命周期：Local Storage 是持久化的本地存储，存储在其中的数据是永远不会过期的，使其消失的唯一办法是手动删除；而 Session Storage 是临时性的本地存储，它是会话级别的存储，当会话结束（页面被关闭）时，存储内容也随之被释放。作用域：Local Storage、Session Storage 和 Cookie 都遵循同源策略。但 Session Storage 特别的一点在于，即便是相同域名下的两个页面，只要它们。打开，那么它们的 Session Storage 内容便无法共享。
LocalStorge和sessionStorage之间的区别
qq_43358067的博客
03-13 1565
LocalStorge和sessionStorage之间的区别 localStorage localStorage的生命周期是永久性的，也就是说使用localStorage存储数据，数据会被永久保存，数据不会因为窗口或浏览器的关闭而消失，除非主动的去删除数据。 localStorage有length属性，可以通过控制台查看其有多少条记录的数据。 var storage = null; stora...
关于session、cookie、sessionStorage、localStorage的简要理解
a690304的博客
01-18 323
一、cookie和session 首先session和cookie用于浏览器客户端与服务端进行数据交互，通过会话的方式跟踪浏览器用户身份 (1) cookie 1.1) 一般由服务器生成,可以设置失效时间，如果是浏览器生成则默认浏览器关闭后失效 1.2)与服务器端通信，每次请求都放在http请求头中 1.3)数据存储在内存中，数据大小为4KB，保存类型为字符串 (2) session 2...
Local Storage 和 Session Storage：前端持久化存储的双剑合璧
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
07-22 1387
在前端开发中，和为开发者提供了强大的数据存储能力，它们各自的特点和适用场景使得它们成为构建现代Web应用的重要组成部分。通过上述示例和技巧，希望能激发你对本地存储的深入思考，以便在实际项目中更高效地利用这些工具。前端世界日新月异，但核心的开发原则和最佳实践始终是构建高质量应用的基石。和只是冰山一角，探索并掌握它们，你将为用户提供更加流畅和个性化的Web体验。欢迎来到我的博客，很高兴能够在这里和您见面！
Cookie和local storage和session storage之间的区别。
weixin_41549971的博客
06-18 511
Cookie和local storage和session storage之间的区别
浏览器数据存储 Local Storage, Session Storage, IndexedDB ,WebSQL, Cookies
Loria1的博客
12-05 1177
浏览器存储方式这么多，可我以前却独宠Local Storage一人，但是了解到IndexedDB的时候，我觉得我要变心了，我果然不是一个专一的人？？？？（？）参考其它资料对几种数据存储的分析，我自己给自己做个总结。 浏览器的存储方式有这些： 首先结合网上资料对几种存储方式做个分析。 Local Storage localStorage（本地存储）是HTML5的的WebStorage提供...
32：第三章：开发通行证服务：15：浏览器存储介质，简介；（cookie，Session Storage，Local Storage）
小枯林的博客
07-05 636
目录零：本篇博客合理性说明； （1）问题阐述；（2）解决策略；一：浏览器存储介质：1.cookie；2.webStorage；Session Storage；Local Storage；
Session Storage、 Local Storage和Cookies的区别
weixin_43534452的博客
06-28 611
前端安全
localStorage 和 sessionStorage 的区别
大白的博客
05-30 496
localStorage 和 sessionStorage 的定义 Web 存储 API 提供了 sessionStorage （会话存储） 和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作。 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。 sessionStorage 用于临时保存同一窗口(或标签页...
localStorage和sessionStorage区别
热门推荐
Wanf
03-01 7万+
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。 localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。 sessionStorage生命周期为当前窗口或标...
localStorage和sessionStorage之间的区别
ZXH0122的博客
02-23 367
1、localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 2、他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。 3、localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。 4、sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。
localStorage 和 sessionStorage区别
Giraffe0615的博客
09-02 703
localStorge和sessionStorge属性允许在浏览器中存储键值对的数据。 1. localStorage在浏览器关闭后还保留着数据，除非手动删除。 2.sessionStorage 用于临时保存同一窗口或标签页的数据，在关闭窗口或标签页之后将会删除这些数据。一般sessionStorge用的比较多。 语法 window.sessionStorage 保存数据语法： sessionStorage.setItem("key", "value"...
面试题20：localStorge与sessionStorge、cookie区别
qq_51066068的博客
04-25 2493
面试官：请说一下localStorge与sessionStorge、cookie区别 html5中的Web Storage包括了两种存储方式。localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问。并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅是会话级别的存储。只允许同一窗口访问。而localStorage.
浏览器缓存（sessionStorage、localStorage、cookie）
weixin_45932460的博客
11-29 1914
sessionStorage，关闭窗口清除 localStorage，强缓存，手动删除 cookie，设置有效期 1. sessionStorage 特性1： 强制刷新不会清楚数据 （MDN： 只读sessionStorage属性访问当前源的会话存储对象。会话存储类似于本地存储；不同之处在于，虽然localStorage中的数据不会过期，但当页面会话结束时，sessionStorage中的数据将被清除。） 特性2： 多个窗口数据不会同步 （MDN： 每当在浏览器的特定选...
local storage，session storage和cookie的区别
05-10
LocalStorage、SessionStorage 和 Cookie 都是用于在浏览器端存储数据的方式，但它们之间有以下的区别： 1. 存储大小区别： Cookie：4KB LocalStorage 和 SessionStorage：5MB 2. 存储时效性区别： Cookie：可以设置过期时间，可以在不同的页面间共享，即使浏览器关闭也存在。 LocalStorage：除非被手动清除，否则永久存在于浏览器中。 SessionStorage：仅在当前会话下存在，关闭浏览器或标签页后会被清除。 3. 存储数据类型区别： Cookie：只能存储字符串类型，需要手动将对象转为字符串。 LocalStorage 和 SessionStorage：可以存储 JSON 对象等其他数据类型。 4. 存储数据位置区别： Cookie：存储在客户端浏览器的硬盘上。 LocalStorage 和 SessionStorage：存储在浏览器内部。 总的来说，Cookie 的存储大小较小，存在时间可以长达数年，LocalStorage 存储大小较大，且永久存在，SessionStorage 存储时间短暂，只存在于当前会话中。在实际应用中，应根据需求选择具体的存储方案。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值