cookie、localStorage、sessionStorage的区别和使用？

最新推荐文章于 2025-01-13 15:33:25 发布
原创 最新推荐文章于 2025-01-13 15:33:25 发布 · 142 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了Cookie、Session及localStorage的区别：Cookie体积小，不超过4KB，随HTTP请求发送；Session存储于本地，随窗口关闭而过期；localStorage也存于本地，但没有过期限制，适用于多页面通信。

cookie 体积小，存量不能大于4k, 会随http请求被传输到服务器， 过期时间为开发者设置的时间，与页面窗口是否关闭无关。

session体积较大，只存储在本地，窗口关闭时会过期。

localStorage 体积较大，存储在本地，且不会过期，做多页面通信常用localStorage

cookie、sessionStorage和localStorage的区别（详细）
微微的猪食小窝
11-13 1645
1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
cookie,sessionStorage,localStorage的区别及应用场景、http状态码含义、使用token登录、无感登录
muzidigbig的博客
08-26 1万+
浏览器的存储方式有哪些？；cookie的存储大小：4kb， 存储量小，资源浪费，使用麻烦（封装） 2.localstorage：客户端存储，容量更大（一般约为 5MB），持久化存储，除非主动删除；操作方便，永久存储，兼容性较好；H5加入的以键值对为标准的方式 3.sessionstorage：客户端存储；会话存储、不同标签页不共享；当前页面关闭后就会立刻清理，会话级别的存储方式。但是刷新网页不会清除。 响应状态码
localStorage，sessionStorage和cookie的区别及使用
EmotionComputer
09-21 1172
1. 概述： sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。sessionStorage、localStorage、cookie都是在浏览器端存储的数据。 2. 共同点： 都是保存在浏览器端，且同源的。 3. 区别： 传递方式： cookie在浏览器和服务器间来回传递； sessionStor............
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非自己删除 浏览器关闭，数据清空 存储信息 文本类型 字符串类型数据 同左 属性 是document属性 是window属性 同左 作用范围 无法跨域 同一浏览器不同页面可以共享数据 用来保存临时数据，防止用户刷新页面之后丢失参数 原生api 不好用，自己封装 还好 还好 应用 判断用户知否登录 购物车信息
cookie, localStorage, sessionStorage的区别和使用
一呀一转转圈
11-17 179
cookie：是存储在本地的数据，有时候也用cookies，通常经过加密，应用最经典的就是判断注册用户是否已经登录过该网站。 localStorage：仅在客户端保存（即浏览器），不参与和服务器的通信；没有时间限制，即使浏览器关闭，数据依然存在。 sessionStorage：当用户的浏览器窗口关闭时，数据会被清除。 创建和访问localStorage： //1 设置数据 let forgetData = {phone:vm.phone}; localStorage.setItem("forget
获取localStorage和sessionStorage当前已存储大小及容量检测
細水、長流√的专栏
04-30 4567
function get_cache_size(t){ t = t == undefined ? "l" : t; var obj = ""; if(t==='l'){ if(!window.localStorage) { console.log('浏览器不支持localStorage'); }else{ ...
精选资源
Cookie localStorage sessionStorage区别和使用
01-07
设置和获取cookie 设置cookie：直接对[removed]赋值（key不同不会覆盖） 通过 path 参数，您可以告诉浏览器 cookie 属于什么路径。默认情况下，cookie 属于当前页 [removed] = “username=Bill G
前端本地存储cookie、localstorage和sessionStorage之间的区别？
nick_zhang的博客
06-06 2441
cookie的使用 cookie可以设置key，value，domain，expires var name = 'one_name'; var value = '123'; var exp = new Date(); exp.setTime(exp.getTime() + 60 * 2000);//过期时间 2分钟 document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString(); ...
深入理解Web存储机制：Cookie、SessionStorage与LocalStorage的区别
chaosweet的博客
01-13 1331
选择正确的工具是成功的开始。
cookie、sessionStorage和localStorage的区别
热门推荐
浮生离梦的博客
05-30 8万+
一、 概念的理解 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 3）ses...
详说 Cookie, LocalStorage 与 SessionStorage
weixin_34221073的博客
05-02 1883
本文最初发布于我的个人博客：咀嚼之味 最近在找暑期实习，其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西，问题大多是这样开头的：“你用过什么HTML5的技术呀？” 而后，每次都能扯到 Cookie 和 localStorage 有啥差别。这篇文章就旨在详细地阐述这部分内容，而具体 Web Storage API 的使...
localStorage、sessionStorage 和 Cookie 区别及用法
小贤笔记
06-19 9586
区别 localStorage: localStorage 的生命周期是永久的，关闭页面或浏览器之后 localStorage 中的数据也不会消失。localStorage 除非主动删除数据，否则数据永远不会消失 sessionStorage: sessionStorage 的生命周期是仅在当前会话下有效。sessionStorage 引入了一个“浏览器...
cookie、本地存储（localStorage、sessionStorage）用法、设置、查看位置及区别
DOM曼珠沙华的博客
05-24 4162
HTML5之前的存储：cookie 设置cookie： <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>cookie的应用——记住用户名</title> </head> <body> <form action="#" id="myform"> <label for="user
cookie、LocalStorage 与 SessionStorage三者的区别（web Storage）
weixin_43499077的博客
10-23 1613
三者之间的不同： 1、cookie数据始终在同源的http请求中携带，即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。 2、存储大小限制也不同，cookie数据不能超过4kb，同时因为每次http请求都会携带cookie，所以c...
cookie溢出浏览器规定容量，如何解决？本地购物车如何解决？
永不停歇
01-20 5060
最近，网站开发中，遇到一个问题，因为我们产品本身的因素，所以  购物车模块做到了客户端COOKIE中存放； 为啥选择cookie呢？因为降低耗服务器资源了！因为我们的快速变动大的商品原因，所以购物车也是起到即时处理即可，没必要存放多久！ 当然这样 搞，也加宽了流量带宽，但是cookie本身浏览器限定的大小其实就是为此考虑，所以，在cookie承受大小，存放自己的信息，带宽啥的不是啥大问题；
你必须知道：localStorage、sessionStorage 和 Cookie 区别在什么地方
HELLO WORLD
02-26 2540
概念的理解 webstorage本地存储 webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 sessionStorag...
cookie、sessionStorage，localStorage区别
weixin_42246997的博客
10-29 4万+
题外话：Linux下打包文件夹：tar cvzf 文件夹名.tar.gz * HTML5 Web 存储（localStorage和sessionStorage） 本文链接：HTML5 Web 存储（localStorage和sessionStorage）_sleepwalker_1992的专栏-优快云博客 HTML5 Web 存储（webStorage）是本地存储，存储在客户端，包括localStorage和sessionStorage。HTML5 Web 存储是以键/值对的形式存储的，通常以字符串
（27页PPT）某省市照明智能管理系统解决方案.pptx
12-20
（27页PPT）某省市照明智能管理系统解决方案.pptx
资阳市第二自来水厂3dtiles模型
最新发布
12-20
资阳市第二自来水厂3dtiles模型
cookie，sessionStorage和localStorage的区别是什么？
09-16
cookie、sessionStorage和localStorage是在Web开发中用于存储数据的三种方式，它们之间有以下区别： 1. 存储容量：cookie的存储容量较小，一般为4KB，而localStorage和sessionStorage的存储容量通常较大，一般为5MB或更多。 2. 数据有效期：cookie可以设置过期时间，可以长期保存在客户端，即使关闭浏览器也能保留。而sessionStorage的数据仅在当前会话（当前浏览器窗口或选项卡）中有效，关闭窗口或选项卡后数据将被删除。localStorage的数据是永久性的，除非手动删除或清除缓存。 3. 数据与服务器的通信：cookie在每次HTTP请求时都会自动发送到服务器，而localStorage和sessionStorage不会自动发送，只能在客户端使用JavaScript来操作。 4. 存储位置：cookie数据存储在浏览器的cookie文件中，而localStorage和sessionStorage是存储在浏览器内部的数据库中。 5. 访问权限：cookie对于跨域请求是可用的，并且可以设置域名限制。而localStorage和sessionStorage是限制在同一域名下的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

97pra

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值