请你描述一下 cookies，sessionStorage 和 localStorage 的区别?

不念不忘少年蓝@ 2022-10-21 13:58 110阅读 0赞

## 前端面试题（10） ##

打卡：

*  `2021-5-5`

**HTML**

**请你描述一下 `cookies`，`sessionStorage` 和`localStorage` 的区别?**

sessionStorage+-|
    				|==>	HTML5 Web Storage API提供
    localStorage  +-|	web请求之间保存数据，避免数据不必要的来回传输

`sessionStorage`、 `localStorage` 、 `cookie` 都是在浏览器端存储的数据

`sessionStorage`是在**同源的同窗口**（或 tab ）中，始终存在的数据。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一页面，数据仍然存在

<table> 
 <thead> 
  <tr> 
   <th>浏览器</th> 
   <th>cookies限制（每个域名）</th> 
   <th>大小（字节）（名，值，等号）</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>IE7，8</td> 
   <td>50</td> 
   <td>4095</td> 
  </tr> 
  <tr> 
   <td>Firefox，safari</td> 
   <td>50</td> 
   <td>4097</td> 
  </tr> 
  <tr> 
   <td>Opera</td> 
   <td>30</td> 
   <td>4096</td> 
  </tr> 
 </tbody> 
</table>

区别：  
1）**`Cookie`**  
\[1\]每个域名存储量比较小（各浏览器不同，大致 4K ）  
\[2\]所有域名的存储量有限制（各浏览器不同，大致 4K ）  
\[3\]有个数限制（各浏览器不同）  
\[4\]会随请求发送到服务器  
2）**`LocalStorage`**  
\[1\]永久存储  
\[2\]单个域名存储量比较大（推荐 5MB ，各浏览器不同）  
\[3\]总体数量无限制  
3）**`SessionStorage`**  
\[1\]只在 Session 内有效  
\[2\]存储量更大（推荐没有限制，但是实际上各浏览器也不同）

发表评论取消回复

表情：

评论列表（有 0 条评论，110人围观）

还没有评论，来说两句吧...

相关阅读

相关请描述一下MapReduce的工作流程。

请描述一下MapReduce的工作流程。 MapReduce是一种用于处理大规模数据集的编程模型和计算框架。它将数据处理过程分为两个主要阶段：Map阶段和Reduce阶段

Dear 丶/ 2024年03月08日 02:30/ 0 赞/ 57 阅读

相关请说一下你对spring aop的理解

我认为Spring AOP是一种面向切面的编程(Aspect Oriented Programming)，它可以帮助开发人员更好地管理复杂的应用程序，并将其分解为可重用的模块。

阳光穿透心脏的1/2处/ 2023年09月25日 16:13/ 0 赞/ 15 阅读

相关请你尽可能详细地描述一下：手机端测试的关注点

对于手机端测试，按照平台来分，分为 Android 和 IOS 两大主流系统：对于 ios 和 Android，二者有区别，Android 开源导致碎片化比较严重，bug

喜欢ヅ旅行/ 2023年09月24日 16:33/ 0 赞/ 18 阅读

相关请你描述一下 cookies，sessionStorage 和 localStorage 的区别?

前端面试题（10）打卡： `2021-5-5` HTML 请你描述一下 `cookies`，`sessionStorage` 和`localStorage`

不念不忘少年蓝@/ 2022年10月21日 13:58/ 0 赞/ 111 阅读

相关 sessionstorage 和 localstorage 的区别

简介在HTML 5 最开始时，本地存储有两种方式：`一种是web Storage`，`另一种是web SQL`。由于web SQL的实现是基于SQLite，它更倾向于D

灰太狼/ 2022年08月30日 15:53/ 0 赞/ 184 阅读

相关 sessionStorage和localstorage,globalstorage 的区别

首先：Html5 中存在sessionstorage 和 localstorage 两种存储。其次：localstorage 将globalstorage 替代了。最

不念不忘少年蓝@/ 2022年08月09日 13:52/ 0 赞/ 164 阅读

相关请描述一下 cookies，sessionStorage 和 localStorage 的区别？

Web Storage有两种形式：　　LocalStorage（本地存储）和sessionStorage（会话存储）。　　这两种方式都允许开发者使用js设置的键值对进行

左手的ㄟ右手/ 2022年07月18日 05:46/ 0 赞/ 93 阅读

相关 cookies，sessionStorage和localStorage的区别

共同点：都是保存在浏览器端，且同源的。区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorag

「爱情、让人受尽委屈。」/ 2022年07月16日 05:26/ 0 赞/ 201 阅读

相关 localStorage和sessionStorage区别

localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，

痛定思痛。/ 2022年06月10日 03:47/ 0 赞/ 197 阅读

相关请描述一下 cookies，sessionStorage 和 localStorage 的区别

相同点：都存储在客户端不同点： 1.存储大小 • cookie数据大小不能超过4k。 • sessionStorage和localStorage 虽然也有存储

悠悠/ 2022年03月09日 00:54/ 0 赞/ 127 阅读