localStorage、sessionStorage、cookie、session的区别

最新推荐文章于 2022-02-24 15:28:24 发布
最新推荐文章于 2022-02-24 15:28:24 发布
阅读量196 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 JavaScript 文章标签： session Cookie sessionStorage localStorage
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/mini_1251861209/article/details/83617195
本文深入解析localStorage和sessionStorage的工作原理，对比两者生命周期、作用域差异，以及与Cookie、session的关系，帮助读者理解前端数据持久化的关键概念。

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

localStorage

localStorage生命周期是永久，除非用户主动清除数据，否则会永远存在。仅在客户端（即浏览器）中保存，不参与和服务器的通信。（储存空间一般为5M）

sessionStorage

sessionStorage仅在当前会话下有效，关闭页面或者浏览器之后就会被清除。与localStorage一样仅在客户端（即浏览器）中保存，不参与和服务器的通信。（储存空间一般为5M）

localStorage与sessionStorage的作用域

不同浏览器无法共享localStorage或sessionStorage中的信息；

相同浏览器不同页面可以共享相同的localStorage，不可以共享sessionStorage中的信息；

 

Cookie、session

这一篇讲的很好借鉴一下：理解Cookie和Session机制

总结性的文章还有这一篇讲的也不错：浅谈session,cookie,sessionStorage,localStorage的区别及应用场景

深入理解Web存储机制：Cookie、SessionStorage与LocalStorage的区别
chaosweet的博客
01-13 1234
选择正确的工具是成功的开始。
cookie 和 session 的区别，localstorage 和 sessionstorage 的区别
04-27 252
因为 cookie 存放于客户端有可能被窃取，所以 cookie 一般用来存放不敏感的信息，比如 用户设置的网站主题，敏感的信息用 session 存储，比如用户的登陆信息，session 可以 存放于文件，数据库，内存中都可以，cookie 可以服务器端响应的时候设置，也可以客 户端通过 JS 设置 cookie 会在请求时在 http 首部发送给客户端，cookie 一般在客户端有 大小限制，一般为 4K
localStorage，sessionStorage，cookie和session的区别
wzqac2017的博客
11-16 221
localStorage、sessionStorage、cookie 相同之处： 都是保存在浏览器端，受同源策略限制 不同之处： 1、cookie大小一般限制在4KB左右，而localstorage和sessionstorage可以存储5M左右的数据。 2、cookie的数据都会在请求头中携带，在浏览器服务器之间传递，sessionstorage和localstorage只在本地保存。 3、有效期不同。cookie只在设置的过期时间之前有效（如果不设置有效期，默认在浏览器会话关闭时结束），sessionst
localStorage sessionStorage cookie session的区别
前端指南
01-24 496
cookie: Cookie 是一个请求首部，其中含有先前由服务器通过 Set-Cookie  首部投放并存储到客户端的 HTTP cookies。 HTTP Cookie（也叫Web Cookie或浏览器Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览
关于前端中的session——sessionStorage，以及其余cookie等的对比
那些年的代码
05-25 269
无需下载依赖包，可直接使用： 直接上代码： // 储存一个session sessionStorage.setItem("key", "value"); // 获取一个session var value = sessionStorage.getItem("key"); // 删除一个session sessionStorage.removeItem("key"); // 清除所有session sess...
浏览器数据缓存机制
weixin_46852620的博客
02-02 1304
cookie、sessionStorage、localStorage之间的区别 相同点：都是存储在浏览器端。并且是同源的 不同点： 1、存储大小 一般浏览器存储cookie最大容量为4kb，很多浏览器都限制一个站点最多保存20个cookie。 sessionStorage和localStorage虽然也有存储大小的限制，能提供5M的存储空间（不同浏览器不同），但是要比cookie大得多。 2、存储有效期： cookie保存的数据在过期时间之前一直有效，即使关闭浏览器 sessionStorage保存的数据用
cookie、session、localStorage 和 sessionStorage 区别及应用场景
weixin_43190804的博客
02-23 4309
1.概念理解 Cookie它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage 是 HTML5 标准中新加入的技术，localStorage的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据。 sessionStorage 与 localStorage 的接口类似，相较cookie一般存储大一些的数据，但保存数据的生命周期与
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
Cookie localStorage sessionStorage区别和使用
01-07
Cookie Cookie是什么：指某些网站存储在用户本地终端的数据 作用理解：登陆一个网站，保存了数据，近期不用再登录 应用层面来说：cookie是一段字符串； js层面来说：cookie是document对象下的一个String类型的属性 ...
localStorage sessionStorage cookie三者的使用场景
最新发布
07-02
我们被要求比较localStorage、sessionStorage和cookie的使用场景。根据引用内容，我们可以总结如下：1.**Cookie**:-使用场景:主要用于需要**在浏览器和服务器之间来回传递**的数据，例如用户登录状态、身份验证令牌...
Cookie 、Session、localstorage、Sessionstorage的区别
MARTIAN的博客
02-24 1万+
一、一些概念理解 Cookie & Session（会话跟踪技术）、H4的存储机制； localstorage、Sessionstorage是Web Storage，H5的本地存储机制。是针对HTML4中 Cookie 存储机制的一个改善，由于Cookie存储机制有很多缺点，HTML5不再使用它，转而使用改良后的 Web Storage 存储机制。 WebStorage两个主要目标：（1）提供 cookie 之外存储会话数据的路径。（2）提供跨会话持久化存储大量数据的机制。 1. 会话（Sess
Cookie、session和localStorage、以及sessionStorage之间的区别
ruby_xc的博客
03-25 1万+
一、Cookie、session和localStorage的区别 cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。 会话cookie一般不存储在硬盘而是保存在内存里，当然
理解cookie、session、localStorage、sessionStorage之不同
小熊的博客
08-03 4万+
平时经常会把前端浏览器的几种缓存方式拿来作比较， cookie localStorage sessionStorage 直接上一张图，一目了然 这次主要来说说cookie和session的区别 cookie cookie可以在前后端进行用户的身份认证，标记用户。说到为什么要使用cookie，那得说到http。话说，http是一种无状态的协议，它的无状态可以用翻脸不认人（浏览...
cookie、sessionStorage和localStorage的区别
热门推荐
浮生离梦的博客
05-30 8万+
一、 概念的理解 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 3）ses...
localStorage、sessionStorage、Cookie的区别详解
静水流深
03-09 6126
localStorage、sessionStorage、Cookie共同点: 都保存在浏览器端，且是同源的（顺便解释一下同源：域名、协议、端口号相同） localStorage、sessionStorage、Cookie不共同点: 存储大小的不同： localStorage的大小一般为5M sessionStorage的大小一般为5M cookies的大小一般为4K 有效期不同：...
cookies、session、sessionStorage和localStorage解释及区别
Rerise的博客
08-15 3万+
在浏览器查看 HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 2、使用方式： （1）coo...
浏览器的cookie、session、localStorage、sessionStorage区别
kuke_kuke的博客
08-27 4323
一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 2、使用方法： （1）cookie机制：如果不在浏览器中设置过期时间，cookie保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果浏览器中设置了cookie的过期...
sessionStorage、localStorage与cookie、session详解
Carol的小星球
11-29 1154
cookie和session的区别 由于HTTP是一种无状态的协议，数据交换完毕后会关闭连接，为了分辨一个请求是谁发起的，以免在同一个网站每打开一个页面都需要重新登录，引入了Session和Cookie两个机制。 Cookie和Session都是用来跟踪浏览器用户身份的方式。 1、保持状态： Cookie保存在浏览器端，Session保存在服务器端 2、使用方式： （1）Cookie： 第一次登陆...
cookie session localstorage sessionStorage区别
09-17
cookie、session、localStorage和sessionStorage是用于在前端存储数据的不同方式。 1. Cookie是一种在浏览器中存储数据的机制。它通常用于在客户端和服务器之间传递身份验证信息和其他用户相关的数据。Cookie数据以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值