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

不念不忘少年蓝@ 2022-10-21 13:58 142阅读 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 条评论，142人围观）

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

相关阅读

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

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

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

相关请描述一下Zookeeper的通知机制是什么？

Zookeeper是一种分布式协调服务，它通过一种称为通知机制的方式来通知其他节点关于数据的变化。 Zookeeper的通知机制基于事件驱动模型，当Zookeeper集群中的

「爱情、让人受尽委屈。」/ 2024年02月05日 15:35/ 0 赞/ 13 阅读

相关请说明一下http和https的区别

请说明一下http和https的区别 1. https协议需要申请证书到CA，需要一定经济成本 2. http是明文传输，https是加密的安全传输 3. 连接的端

水深无声/ 2023年10月07日 09:03/ 0 赞/ 16 阅读

相关请简要说明一下CyclicBarrier和CountDownLatch的区别？

请简要说明一下CyclicBarrier和CountDownLatch的区别？ > CountDownLatch和CyclicBarrier都能够实现线程之间的等待，只不

电玩女神/ 2023年10月07日 08:59/ 0 赞/ 17 阅读

相关如果你要实现IOC，请简单描述一下实现步骤？

如果你要实现IOC，请简单描述一下实现步骤？ > 实现IOC的步骤： > > ①定义用来描述bean的配置的Java类。 > > ②解析bean的配置，将bean的配

旧城等待，/ 2023年10月07日 08:58/ 0 赞/ 24 阅读

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

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

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

相关 JavaScript面试题-请描述一下 cookies，sessionStorage 和 localStorage 的区别？

请描述一下 cookies，sessionStorage 和 localStorage 的区别在存储的大小上，`cookie` 数据大小不能超过4k；sessionSt

╰+哭是因爲堅強的太久メ/ 2023年06月10日 15:28/ 0 赞/ 4 阅读

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

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

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

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

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

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

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

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

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