cookie、localStorage和sessionStorage 三者之间的区别

最新推荐文章于 2024-06-15 12:33:15 发布

LUxxxX

最新推荐文章于 2024-06-15 12:33:15 发布

阅读量314

点赞数 1

分类专栏：前端知识

前端知识专栏收录该内容

4 篇文章 0 订阅

订阅专栏

参考地址

三者区别

生命周期：

cookie：可设置失效时间，没有设置的话，默认是关闭浏览器后失效
localStorage：除非被手动清除，否则将会永久保存。
sessionStorage：仅在当前网页会话下有效，关闭页面或浏览器后就会被清除。

存放数据大小：

cookie：4KB左右
localStorage和sessionStorage：可以保存5MB的信息。

http请求：

cookie：每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题
localStorage和sessionStorage：仅在客户端（即浏览器）中保存，不参与和服务器的通信

易用性：

cookie：需要程序员自己封装，源生的Cookie接口不友好
localStorage和sessionStorage：源生接口可以接受，亦可再次封装来对Object和Array有更好的支持

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LUxxxX

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

cookie、sessionStorage和localStorage的区别和使用

曹进的博客

07-12

3139

cookie、sessionStorage和localStorage的区别和使用

Localstorage、sessionStorage、cookie 的区别

Wujunbin952的博客

07-03

4462

Localstorage、sessionStorage、cookie 的区别和H5的浏览器储存。

1 条评论您还未登录，请先登录后发表或查看评论

cookie，localStorage，sessionStorage 的区别

qq_44439022的博客

07-06

680

cookie是在HTML4中使用的给客户端保存数据的，也可以和session配合实现跟踪浏览器用户身份；而webstorage（包括：localStorage和sessionStorage）是在HTML5提出来的，纯粹为了保存数据，不会与服务器端通信。 WebStorage两个主要目标：提供一种在cookie之外存储会话数据的路径提供一种存储大量可以跨会话存在的数据的机制二、cookie 的特点只能使用文本文件 &n

Cookie、Session、LocalStorage 和 SessionStorage 的区别详解

最新发布

m0_65084430的博客

06-15

4016

在前端开发中，数据存储和状态管理是非常重要的内容。常用的存储方式有 Cookie、Session、LocalStorage 和 SessionStorage。本文将详细介绍这四者的区别，帮助开发者更好地理解和选择合适的存储方案。Cookie 是由服务器生成并发送到客户端的一小段数据，客户端会将其存储并在后续请求中携带，帮助服务器识别用户。用户身份认证（如记住登录状态）存储用户偏好设置跟踪用户行为（如广告点击记录）// 设置 Cookiepath=/";// 读取 Cookie。

cookie，localStorage，sessionStorage这三个的作用域的区别

nicexibeidage的博客

11-16

4032

亲测！！ cookie：不可以在不同的浏览器可以是不同的tab页必须同源要是同一个路径下或者子路径下 localStorage：不可以在不同的浏览器中访问可以在同一个浏览器的不同窗口中可以在不同...

cookie、localStorage和sessionStorage三者的区别

04-28

2034

cookie、localStorage和sessionStorage三者的区别

cookie，localStorage,sessionStorage区别与应用

01-07

cookie localStorage sessionStorage 概念存放在客户端的一段文本信息存储在客户端的临时信息，只能存放字符串类型数据同localStorage 大小 4k 5M 5M 生命周期浏览器关闭，数据清空存在内存中，除非...

cookie、sessionStorage和localStorage的区别

aliyun3的博客

04-25

1451

一、概念的理解 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（

JavaScript本地储存:localStorage、sessionStorage、cookie的使用

10-14

- `sessionStorage` 和 `localStorage` 都属于Web Storage API，它们的主要区别在于数据的有效期：`sessionStorage`只存在于当前会话，而`localStorage`数据持久化。 - `cookie` 与前两者相比，不仅可用于存储数据，...

看懂cookie,及与localStorage与sessionStorage的区别

weixin_39583421的博客

11-06

425

前言： cookie本身并不是用来做服务器存储的。但在 localStorage 出现之前，cookie被滥用当做了存储工具，什么数据都放在cookie中，即使这些数据只在页面中使用、而不需要随请求传送到服务端（当然cookie也做了一些限制：大小受限、每个域名下生成的cookie数量受限）。就像CSS中的float，最初被设计出来的初衷，是用于做文字环绕效果的，就是一个图片、一段文字，给图片加上float:left的样式后，就会产生文字环绕图片的效果。但是后来发现float结合，可以实现之前通过实现的网

cookie、session、localStorage、sessionStorage的区别

baiqiangdoudou的博客

03-13

287

浏览器的缓存机制提供了可以将用户数据存储在客户端上，从而可以利用cookie,session等跟服务端进行数据交互。先来看张图，这个是浏览器查看cookie、sessionStorage、localStorage的位置这里以谷歌浏览器为例子一、cookie和session cookie和session都是用来跟着浏览器用户身份的会话方式。 cookie和session的区别： 1、存储状态：...

浅谈Session与Cookie的区别与联系

热门推荐

Eason的博客

07-14

13万+

一、Session的概念Session 是存放在服务器端的，类似于Session结构来存放用户数据，当浏览器第一次发送请求时，服务器自动生成了一个Session和一个Session ID用来唯一标识这个Session，并将其通过响应发送到浏览器。当浏览器第二次发送请求，会将前一次服务器响应中的Session ID放在请求中一并发送到服务器上，服务器从请求中提取出Session ID，并和保存的所有

cookie、localStorage和sessionStorage三者的异同及API

MISS_zhang_0110的博客

06-02

372

cookie、localStorage和sessionStorage三者的异同一、共同点二、不同点1.与服务器的数据交换方式不同2.存储大小限制不同3.数据有效期不同4.是否同源窗口共享5.cookie可以设置有效期，路径和域一、共同点共同点：都是保存到浏览器端，且是同源的二、不同点 1.与服务器的数据交换方式不同 Cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器之间来回传递，而Sessionstorage 和Localstorage不会把数据发给服务

关于Cookie、session和localStorage、以及sessionStorage之间的区别和联系，超详细

小小鱼儿小小林的博客

06-22

1559

cookie、session、storage这些都是我们常用的浏览器和服务器之间进行交互的数据保存方式但是呢，有很多人不知道这些的作用域或者之间的区别有什么所以，我在网上也搜了很多，觉得这篇是讲解的最好的，于是分享给大家

cookie、localStorage 和sessionStorage

qq_41988669的博客

11-28

1204

Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。存储量4kb。

cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式

Y__A__Y的博客

07-29

261

基本概念使用方式：很多文档都是说了一大堆，后面用法都没有说，先要学会怎么用，不然后面的都是扯淡，所以这里我先把使用方式弄出来。 cookie:保存cookie值： var dataCookie=‘110’; document.cookie = ‘token’ + “=” +dataCookie; 复制代码获取指定名称的cookie值 function getCookie(name) { //获取...

Cooking与Session探讨

HWG && L.L

11-25

1756

前言： Cookie 和 Session 有什么区别呢？大部分的面试者应该都可以说上一两句，比如：什么是 Cookie？什么是 Session？两者的区别等。但如果再往深入探讨的话，就慢慢有一些朋友不太了解了，谈起原理时就很少有朋友全部回答准确。今天和大家一起深入聊聊有关 Cookie 和 Session 的话题。概念理解：什么是 Cookie HTTP Cookie（也叫 Web ...

Cookie, LocalStorage 与 SessionStorage 区别要点

飞鹰的专栏

08-08

905

1. cookie由服务端生成，用于标识用户身份；而两个storage用于浏览器端缓存数据 2. 三者都是键值对的集合 3. 一般情况下浏览器端不会修改cookie，但会频繁操作两个storage 4. 如果保存了cookie的话，http请求中一定会带上；而两个storage可以由脚本选择性的提交 5. 会话的storage会在会话结束后销毁；而local的那个会永久保存直到覆盖。coo

localstorage、sessionstorage、cookie的区别

02-11

localStorage、sessionStorage 和 cookie 都是用来在浏览器端存储数据的技术。但是它们之间有一些差别： 1. localStorage 和 sessionStorage 都是 HTML5 中引入的，而 cookie 则是早期的技术。 2. localStorage 和 sessionStorage 的容量大于 cookie，并且它们的数据不随请求发送到服务器，只在浏览器端保存。而 cookie 中的数据随着每个 HTTP 请求发送到服务器。 3. localStorage 中的数据永久保存，除非手动删除；sessionStorage 中的数据在浏览器关闭后被删除；而 cookie 中的数据可以设置失效日期，在失效日期到达后自动删除。总的来说，三者都可以用来存储数据，但是应该根据需求选择合适的存储技术使用。