首页 > 试题广场 >

web storage和cookie的区别

[问答题]

VZsilver

Web Storage 与 Cookie 的区别：

1 、 Web Storage 中的数据仅在存在本地，不与服务器发生交互。

Cookie 中的数据会在浏览器和服务器中来回传递。

2 、 Web Storage 存储空间更大，可以达到 5M

Cookie 数据大小不超过 4KB 。

3 、 Web Storage 提供 setItem ， getItem ， removeItem ， clear 等方法

Cookie 需要自己封装方法

4 、 cookie 需要指定作用域，不可以跨域调用，但 Web Storage 可以跨域调用

5、 cookie 中的数据在过期时间之前均有效， Web Storage 则不同， sessionStorage 中的数据在当前浏览器窗口关闭后自动删除， localStorage 持久存储数据，除非主动删除数据

注：但 Cookie 是不可以或缺的： Cookie 的作用是与服务器进行交互，作为 HTTP 规范的一部分而存在，而 Web Storage 仅仅是为了在本地 “ 存储 ” 数据而生。

编辑于 2017-03-17 14:14:08 回复(0)

Shero_Vae

1) 存储空间不同 。

a) Web Storage 能提供 5MB 的存储空间（不同浏览器的提供的空间不同）

Cookie 仅 4KB 。

b) Web Storage 每个域（包括子域）有独立的存储空间，各个存储空间是完全独立的，因此不会造成数据混乱。

2) 与服务器交互 。

Web Storage 中的数据则仅仅是存在本地，不会与服务器发生任何交互。

Cookie 的内容会随着请求一并发送的服务器（带宽浪费）。

3) 接口。

Web Storage 提供更多丰富易用的接口，拥有 setItem ， getItem ， removeItem ， clear 等方法，操作数据更方便。

Cookie 需要前端开发者自己封装 setCookie ， getCookie 。

4) 跨域问题 。

cookie 需要指定作用域，不可以跨域调用。

说明： Cookie 也是不可以或缺的： Cookie 的作用是与服务器进行交互，作为 HTTP 规范的一部分而存在，而 Web Storage 仅仅是为了在本地“存储”数据而生。

可能有理解不对的地方，望指正。

发表于 2016-08-11 15:39:04 回复(1)

小菜鸡111

没必要说那么麻烦，大致归为三点

一.存储容量的差异，存储时效差异

二.是否和服务端发生通信

三.是否可替代

四.api的丰富性差异

编辑于 2018-12-14 13:47:14 回复(0)

东东dong

1 web Storage是为了更大存储容量设计的，cookie大小受限制

2 cookie需要指定作用域，不可以跨域调用

3 web Storage拥有stitem，getitem。。方法，cookie需要前端开发者自己封装setcookie。。

cookie是不可或缺的，与服务器进行交互，http规范的一部分，而 web Storage仅仅是为了在本地存储数据而产生

发表于 2020-07-24 11:42:56 回复(0)

崔丝塔娜橘子君

webstorage 只存在于本地，并且可以存储大批量数据，大约5m 。

cookie会在服务器之间来回传递，但是数据很小只有5k

发表于 2019-09-04 14:17:30 回复(0)

牛客642034511号

1.容量大小不同，cookie最大4k，webStorage最大5M2.cookie由服务器设置，保存在客户端，可以设置过期时间，会参与前后端交互.webStorage保存在客户端，不参与前后端交互

发表于 2021-01-06 19:08:46 回复(0)

牛客72267996号

cookies相比webstroage的优点请求时自动传输到服务器生命周期可设置缺点安全性低有可能被窃取存储空间小虽可自动传输到服务器但并不是一定每次请求都需要携带

发表于 2020-11-01 19:54:17 回复(0)

牛客好运好运🙏

Web storage和cookie 的区别:1.web storage 中的数据都存在本地，不与服务器发生交互。cookie 中的数据会在浏览器和服务器之间来回传递。2.web storage 的空间更大，有5M。cookie 大小不超过4kB3.web storage 提供setItem getItem removeItem clear等方法。cookie需要自己封装方法。4.web storage可跨域调用。cookie需要指定作用域，不可跨域。5.web storage的sessionStorage中的数据在关闭浏览器时自动删除，localStorage持久存储数据，除非主动删除数据。但是cookie是不可或缺的，与服务器交互，作为HTTP规范的一部分而存在，而web Storage是为了在本地存储数据而生。

发表于 2020-10-17 19:03:55 回复(0)

品人生百态

<ol><li>容量大小不一样，数量</li><li>web storage 本地存储，cookie 属于浏览器与服务器通信的一部分</li></ol>

发表于 2020-09-11 20:51:19 回复(0)

骑蜗牛、飘移

1 容量。2.服务器交互 3丰富api 4过期

发表于 2020-08-27 17:34:46 回复(0)

韩博言

本质上web storage和cookie都是为了存储浏览器数据，大小上webstorage更大一点，使用上cookie需要开发人员以及编写代码set get而webstorage不需要程序员自己操作，cookie的存在目的是为了客户端与服务器进行数据交互，而webstorage是为了缓存数据到本地下次请求直接请求本地上的一些静态资源

编辑于 2020-07-09 10:04:14 回复(0)