cookie,sessionStorage,localStorage之间的区别

最新推荐文章于 2024-08-15 08:55:57 发布
最新推荐文章于 2024-08-15 08:55:57 发布
阅读量207 收藏
点赞数
分类专栏： js基础知识 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39239110/article/details/124246424
版权
  • cookie：存放数据大小为4kB
    ,在浏览器和服务器间来回传递,在所有同源窗口中都是共享的，生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。
  • sessionStorage：存放数据大小为5MB,被同源策略限制，仅在客户端保存，不参与服务器端的通信，仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；
  • localStorage：存放数据大小为5MB，仅在客户端保存，localStorage
    在所有同源窗口中都是共享的；不参与服务端的通信，始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；
qq_39239110
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
cookie、sessionStorage和localStorage的区别
04-01
### Cookie、SessionStorage 和 LocalStorage 的区别 #### 一、基本概念 - **Cookie**: 是一种小型文本文件，由服务器生成并发送至客户端浏览器，在浏览器中保存一段时间后，再发送回服务器。主要用于跟踪用户状态...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
Cookie适用于需要在请求之间传递的小量数据，LocalStorage适用于需要长期存储的数据，而SessionStorage则适合临时会话数据的管理。在实际开发中，理解并合理利用这些存储机制，可以极大地优化用户体验和应用性能。
前端存储之sessionStorage和localStorage
study_way的博客
07-29 1875
sessionStorage是一种用于web浏览器中临时保存数据的客户端存储机制。它允许在同一个浏览器窗口的会话期间，保存和访问临时数据，而这些数据在用户关闭窗口或者标签页会被清除。
关于sessionStorage 、localStorage 和 cookie
山鬼谣弋痕夕的博客
07-14 1721
sessionStorage 、localStorage 和 cookie 之间的区别共同点：都是保存在浏览器端，且同源的。区别： 1:cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。 cookie数...
web存储详解（cookie、sessionStorage、localStorage、indexedDB）_什么是web存储
2401_84562041的博客
05-17 1195
web存储指的是在web通信过程中，由客户端（如浏览器）对少量数据进行的本地存储（注：本文所说的是广义的web存储，而不单指Web Storage）。web存储类型主要包括古老的cookie，以及HTML5推出的sessionStorage、localStorage和indexedDB等。web存储的宿主环境通常是浏览器，借助浏览器提供的JavaScript接口，我们可以实现对这些数据的增删改查。
【记录29】sessionStorage和localStorage的区别和用法
~牧马~
05-18 1199
1. sessionStorage和localStorage都是用作存储数据 2. sessionStorage的存储，我看作是临时存储，因其存储的数据只存在当前的浏览器标签页，适用于单页面开发项目，安全上比localStorage的安全性高； 3. localStorage的存储，看作永久性存储，因其不是存储在当前浏览器标签页下，而是存储在电脑本地，单页面开发也适用，多页面开发也适应，但sessionStorage就不适应多页面开发； 4. 两者都是可以被清除的。
sessionStorage和localStorage有什么区别
qq_47443027的博客
03-25 6162
html5的本地存储是存储在客户端中，本地存储包括sessionStorage和localStorage。 区别一：生命周期 sessionStorage仅在当前会话下生效，当你关闭页面或浏览器后你存储的sessionStorage数据会被清除。 localStorage生命周期是永久，储存的信息是永远不会消失的，除非你自己主动清除localStorage信息。 区别二：各自的使用方法 sessionStorage使用方法 1、第一个参数是保存的变量名，第二个是变量的值 sessionStor
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
11-20
cookie sessionstorage localstorage ，那么这三种数据的存储又有什么关系呢？让我们一起来看看吧 cookie:保存cookie值： var dataCookie='110'; [removed] = 'token' + "=" +dataCookie; 获取指定名称的cookie值 ...
Cookie localStorage sessionStorage区别和使用
01-07
Cookie Cookie是什么：指某些网站存储在用户本地终端的数据 作用理解：登陆一个网站，保存了数据，近期不用再登录 应用层面来说：cookie是一段字符串； js层面来说：cookie是document对象下的一个String类型的属性 ...
浏览器Cookies、SessionStorage 和 LocalStorage详解
hxy771503的博客
04-29 2188
本文详细介绍了Cookies，Session Storage与Local Storage的一些特点与缺点，总结了他们的应用场景，希望对你能有所帮助~
JavaScript——localStorage和sessionStorage的使用方法
NanChen的博客
10-12 1万+
首先localStorage和sessionStorage都是用来存储客户端临时信息的对象。说白了就是把信息放在本地中，通常用于记住密码这一类需要实现存储数据的功能。通常我们自己写的网页每次刷新后数据就自动消失了，如何让他刷新完毕过后还保留其中用户输入的数据呢？这里就用到loaclStorage和sessionStorage方法 其两者的特点如下： 1、用来存储临时信息 2、只能存放字符串类型的对象 3、localStorage生命周期是永久 4、sessionStorage生命周期为当前窗口或标
session、cookie、WebStorage（sessionStorage，localStorage）区别
huhm_evget的博客
04-21 552
cookie 天生就是最适合做认证，他们最大的区别是：每次 request 都会自动在 header 中带上所有的 cookie。 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 cookie机制 如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中
LocalStorage和sessionStorage之间的区别
fcdd123的专栏
02-21 3万+
在HTML 5 最开始时，本地存储有两种方式：一种是web Storage，另一种是web SQL。由于web SQL的实现是基于SQLite，它更倾向于DataBase方向，且W3C官方在2011年11月宣布不在维护web SQL规范，故其API接口目前已经不属于HTML 5的范畴。因此，目前我们常讲的HTML 5本地存储，多指的是web Storage。
cookies、session、sessionStorage和localStorage解释及区别
热门推荐
Rerise的博客
08-15 3万+
在浏览器查看 HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 2、使用方式： （1）coo...
详说 Cookie, LocalStorage 与 SessionStorage
weixin_34221073的博客
05-02 1745
本文最初发布于我的个人博客：咀嚼之味 最近在找暑期实习，其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西，问题大多是这样开头的：“你用过什么HTML5的技术呀？” 而后，每次都能扯到 Cookie 和 localStorage 有啥差别。这篇文章就旨在详细地阐述这部分内容，而具体 Web Storage API 的使...
ECMAScript性能优化技巧与陷阱：深入探索与实践
最新发布
Chujun123528的博客
08-15 626
ECMAScript性能优化是一个复杂而细致的过程，需要开发者从多个角度进行考虑和优化。通过合理利用现代JavaScript特性、优化DOM操作、选择合适的算法和数据结构、利用Web Workers等技术手段，可以显著提升JavaScript代码的执行效率。同时，开发者还需要关注全局变量、闭包、eval等性能陷阱，避免不必要的性能开销。此外，性能监控与分析、内存管理、网络层面的优化等也是不可忽视的重要方面。只有综合考虑这些因素，并持续进行性能优化工作，才能为用户提供更加流畅、高效的Web应用体验。
cookie sessionstorage localstorage的区别
08-10
localstorage、sessionstorage和cookie都是用来存储数据的，但它们之间有以下区别： 1. 存储容量：cookie的存储容量最小，只有4KB，而localstorage和sessionstorage的存储容量可以达到5MB。 2. 存储位置：cookie的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值