首页 > 试题广场 >

请你描述一下 cookies，sessionStorage

[问答题]

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

启明

cookie:浏览器端存储数据，内存比较小，并且有条数限制，会被发往服务器端，用于验证用户身份等操作，被http协议携带 sessionStorage:浏览器端存储数据，内存比较大，只存储在本地不发送到服务端，当本浏览器窗口被关闭，就会被删除 LocalStorage:同上，但是浏览器关闭不会被删除

发表于 2017-03-12 11:28:12 回复(0)

罗小怪

sessionStorage : 是浏览器关闭即结束存储； localStorage : 永久存储，除非手动删除； cookie : 存储量比较小，会传到服务器，其余俩个不会。

发表于 2017-03-13 01:50:38 回复(0)

九九久久啾啾啦

（1）cookies：一小段文本信息，伴随着用户请求和页面在服务器和浏览器之间传递。因HTTP协议是无状态的，对于一个浏览器发出的多次请求，web服务器无法区分是否来自同一个浏览器，此时需要额外的数据用于维持会话

（2）sessionStorage：用于本地存储一个会话中的数据，这些数据只有在同一个会话中的页面才能访问，会话结束数据随之销毁，它并非持久化的本地存储。

（3）localStorage：用于持久化的本地存储，除非主动删除数据，否则数据永远不会过期

（4）cookies与web storage(session|localStorage)区别：

1）cookies大小受限，并且每次请求新页面时cookie都会被发送过去，无形中浪费了带宽；需要前端自己封装setCookie，getCookie；其作用是与服务器进行交互

2）web storage为更大容量存储而设计，拥有setItem，getItem，removeItem，Clear等方法；其作用是本地存储，避免数据在浏览器和服务器间不必要地来回传递

（5）sessionStorage与localStorage区别：

1）sessionStorage只在session内有效，localStorage永久存储

2）localStorage单个域名存储量较大，总体数量无限制；sessionStorage存储量更大

发表于 2017-09-06 10:38:11 回复(0)

kinjaze123

共同点

保存在游览器端，同源

不同点

数据传输上
Cookie数据在游览器和服务器之间来回传递。其他两个不会自动发送数据到服务器端，仅在本地存储。Cookie数据有保存路径可以限制保存在特定的位置下
存储时间上
cookie只在设置的cookie过期时间之前一直有效；
sessionStorage：仅在当前浏览器窗口关闭前有效；
localStorage：始终有效
数据共享上
localStorage 在所有同源窗口中都是共享的；
cookie也是在所有同源窗口中都是共享的。
sessionStorage：不在不同的窗口下共享，即使是同一个页面的两个窗口。
存储大小上
cookie数据大小不超过4K，只适合保存很小的数据例如会话标识
sessionStorage和localStorage可以达到5M或更大

发表于 2020-10-08 21:16:06 回复(0)

xianyusPadding

cookit:数据大小有限制在4k以下，会随着请求将数据进行表单的提交，浏览器关闭，数据不会被删除

sessionStorage:数据在5M左右或以上，不能随请求提交到服务器上，浏览器关闭，数据就会被销毁

localStorage:数据在5M左右，不能随请求提交到服务器上，数据可永久存储，可主动删除之

编辑于 2017-07-01 15:44:54 回复(0)

Joele

cookie可由服务端生成，用于前后端数据交互，cookie体积相对要小很多，storage一般只用于客户端本地储存数据，不和后端进行数据交互，储存数据的体积要更大，session storage用于临时储存，关闭窗口就会失效，local storage则可以持久储存。

发表于 2019-08-25 15:27:39 回复(0)

牛牛百分百

Localstorage：永久存储，可以存5M，只可以前端访问和修改。Cookie:页面一切换就会删除，只能存4K

发表于 2020-05-31 16:21:58 回复(0)

火柴哥

cookie是是网站为了存储用户信息而存储在用户本地终端的数据cookie数据会一直在同源http中进行传递，即使不需要也会一直在浏览器与服务器之间传递sessionStorage与localStorage不会把数据传递给服务器，只会在本地存储 cookie的大小为4ksessionStorage与localStorage的大小比cookie大得多可以达到5M或者更大 cookie是用于存储用户信息的就算关闭浏览器也不会丢失，除非进行删除sessionStorage只会存在会话期间，当浏览器关闭后就会删除localStorage是长期存储，就算关闭浏览器也会一直存在，除非主动进行删除

发表于 2020-05-10 14:50:14 回复(0)

Bedlamp

cookie用于用户信息验证，其余两个不会被提交到服务器端

编辑于 2019-12-23 21:10:32 回复(0)

BrightWind

cookie，有条数限制，大小在4k以内，会被发送到服务器端，被http协议携带，一般用于验证用户身份， localstorage，永久保存，浏览器关掉，信息也不会消失，大小在5M以内 sessionstorage，随着浏览器关掉，信息消失

编辑于 2019-03-22 19:07:32 回复(0)

GXQi

cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。 sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。存储大小： cookie数据大小不能超过4k。 sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。有期时间： localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据； sessionStorage 数据在当前浏览器窗口关闭后自动删除。 cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

发表于 2017-03-08 18:09:57 回复(0)

牛客513330295号

session localsession 是html5提供的web api，存储在浏览器本地，可以避免不必要的与服务段频繁的数据传递session一般为5m，浏览器关闭即销毁localsession一般为5m，会永久的存储在浏览器中cookie，是可以被发送到服务器的数据，每个浏览器大概有50个cookie限制，大约4k的内存

发表于 2022-02-19 21:58:56 回复(0)

小姜20190111191572

cookie：浏览器存储数据的一种方式，存储在本地，而不是服务器端，可以通过浏览器发送到放服务器端。通过docunment.cookie="name=lili"的方式写入cookie，docunment.cookie读取。expire（Date类型）和Max-Age（数值，单位秒）设置cookie失效时间，默认情况是一个会话，过期则被浏览器清除。domain限定了访问cookie的范围（不同域名下），js只能读取/写入同一或父级域名的cookie。path限定了访问cookie的范围（同域名，不同路径），js只能读取/写入同一或上一级路径的cookie。设置了httponly限定了只能后端设置cookie，js不能读取或写入。secure限定了只有https而非http可以发送到服务端。localstorage是浏览器存储数据的一种方式，存储在本地，不会被发送到服务器端。loacalstorage存储数据，除非手动清除，否则永远存在。sessionstorage，会话结束则被浏览器清除。单个域名下的存储大小有限制（一般最多5M）。不同域名不能共用localStorage，IE7及以下版本不支持，IE8开始支持。localStora的键和值只能是字符串类型。写入：localStorage.setItem('name','jiang');

发表于 2021-11-12 12:04:02 回复(0)

山鬼～

sessionStorage，localStorage，cookie都是浏览器端存储数据的，但是cookie会发往服务器端，其余两个不会。cookie内存小，sessionStorage和localStorage内存大。sessionStorage在窗口关闭的时候回销毁，但是localStorage不会。

发表于 2020-12-26 10:56:35 回复(0)