浏览器——cookie、sessionstorage、localstorage的区别是什么

已于 2022-06-17 10:04:29 修改
阅读量134 收藏
点赞数
文章标签： 服务器 前端 javascript
于 2022-06-17 09:59:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zkh129/article/details/125328091
版权

一、文件大小限制

cookie最大4kb，另外二者最大5MB

二、是否传输到服务器

cookie在服务器和浏览器之间传输，sessionstorage、localstorage一般从服务器返回后不会再发往服务器

三、保存时间

cookie：cookie.setMaxAge(60*60)设置，单位是秒

sessionstorage：当前窗口关闭前

localstorage：除非手动删除，不然不会删除

四、跨域问题

cookie：可以通过domain设置，如果设置为主域名（baidu.com），那么其子域名（map.baidu.com）也可以访问到这个cookie，可以用于做单点登录

sessionstorage：无法跨域

localstorage：可以通过iframe+postMessage实现跨域传输

五、数据形式

cookie保存的是字符串，另外两者保存的是对象

六、API接口

cookie的API接口不友好，一般需要二次封装，另外二者API接口友好

ムラサキ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在浏览器中存储数据——Cookie、LocalStorage、SessionStorage、IndexedDB
zhaohb2016的博客
07-22 596
cookie
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
cookie，localStorage和sessionStorage都是浏览器本地存储数据的地方,其用法不尽相同，今天小编通过本文给大家分享jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法，需要的朋友参考下吧
cookie、sessionStorage和localStorage的区别
laya1211的博客
09-07 271
localStorage 生命周期是永久，储存的信息是永远不会消失的，除非你自己主动清除localStorage信息。
前端小知识-01
雷雨天的雷胖子
03-18 7332
如果用户已经在该网站登录过，并且浏览器中保存了该网站登录状态的cookie，那么再次登录时，就可以直接使用cookie中保存的登录状态了，而无需再次输入用户名和密码。通过获取cookie中的登录状态，可以判断当前用户是否处于登录状态，如果是，则可以直接跳转到已登录的页面，如果不是，则需要进行登录操作，这样可以提高用户体验，并避免用户重复登录带来的不便。当子页面和主页面的域名不同时，会受到浏览器同源策略的限制，子页面无法直接访问主页面的cookie，也无法访问自己域名下的cookie。
cookie sessionStorage localStorage区别
海阔天空
01-24 123
cookie sessionStorage localStorage区别 cookie数据始终在同源的http请求中携带(即使不需要)，即cookie在浏览器和服务器间来回传递 cookie数据还有路径（path）的概念，可以限制。cookie只属于某个路径下 存储大小限制也不同，cookie数据不能超过4K，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如回话标识 数据的有效期不同sessionStorage：仅在当前的浏览器窗口关闭有效； localStorag.
浏览器本地存储数据cookies、sessionStorage和localStorage
qq_46030883的博客
10-29 1563
cookies、sessionStorage和localStorage解释及区别 在浏览器查看 HTML4的本地存储 cookie 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端 2、使用方式： （1）cookie机制：如果不在浏览器中设置过期时间，cook
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
11-20
cookie sessionstorage localstorage ，那么这三种数据的存储又有什么关系呢？让我们一起来看看吧 cookie:保存cookie值： var dataCookie='110'; [removed] = 'token' + "=" +dataCookie; 获取指定名称的cookie值 ...
cookie、sessionStorage和localStorage的区别和使用
曹进的博客
07-12 3059
cookie、sessionStorage和localStorage的区别和使用
浏览器缓存方式cookie、session、sessionStorage 和 localStorage 区别
weixin_44672169的博客
02-20 987
浏览器缓存方式cookie、session、sessionStorage 和 localStorage 区别 cookie 由服务端生成，保存在客户端（由于前后端有交互，所以安全性差，且浪费带宽） 存储大小有限（最大 4kb ) 存储内容只接受 String 类型 保存位置： 若未设置过期时间，则保存在 内存 中，浏览器关闭后销毁 若设置了过期时间，则保存在 系统硬盘 中，直到过期时间结束后才消失（即使关闭浏览器） 数据操作不方便，原生接口不友好，需要自己封装 应用场景 判断用户是否登陆过网站，以便下次登录
浏览器的cookie，localStorage,sessionStorage区别
Hupan_Pan的博客
11-28 260
1、WebStorage WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。 WebStorage两个主要目标：（1）提供一种在cookie之外存储会话数据的路径。（2）提供一种存储大量可以跨会话存在的数据的机制。 HTML5的WebStorage提供了两种API：localStorage（本地存储）和session...
cookie，localStorage，sessionStorage三者的区别？
nbsl_的博客
04-04 387
浏览器存储Cookie，localStroage，sessionStorage的区别 内容 Cookie localStroage sessionStorage 生命周期 可以自行设置 默认是到浏览器关闭 除非自行清除否则就是永久存在 浏览器关闭 大小 4KB 5MB 5MB 与服务器通信 需要与服务器通信拿到数据 无需通信在浏览器拿数据 无需通信在浏览器拿数据 ...
浏览器本地存储Cookie、LocalStorage、SessionStorage用法与区别总结
ｎｅｗｘｃ
05-01 424
😎 Cookie Cookie是最早被提出来的本地存储⽅式，在此之前，服务端是⽆法判断⽹络中的两个请求是否是同⼀⽤户发起的，为解决这个问题，Cookie就出现了。Cookie的⼤⼩只有4kb，它是⼀种纯⽂本⽂件，每次发起HTTP请求都会携带Cookie。 Cookie的特性： Cookie一旦创建成功，名称就无法修改 Cookie是无法跨域名的 每个域名下Cookie的数量不能超过20个，每个Cookie的大小不能超过4kb 有安全问题，如果Cookie被拦截了，那就可获得session的所有信息，即使加
浏览器的存储方式——cookie，localStorage，sessionStorage
m0_51922556的博客
04-02 2261
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 `` 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd impor
美国服务器如何避免网络漏洞?
最新发布
YOKEhn的博客
05-21 163
教育和培训： 员工和管理员应接受网络安全意识教育和培训，了解常见的网络威胁和安全最佳实践，以减少人为失误导致的安全风险。定期更新和维护： 及时应用操作系统和软件的安全补丁和更新，确保系统和应用程序始终保持最新状态，以修复已知的漏洞。监控和日志记录： 设置系统监控和日志记录，实时监测服务器活动并记录重要事件，以便及时发现和应对安全威胁。通过采取以上措施，可以大大减少美国服务器上的网络漏洞风险，提高服务器的安全性和可靠性。
Linux day6 yum下载，systemctl，
m0_56487684的博客
05-15 262
yum [-y] install wget 通过yum下载wget小工具。yum remove wget 也可以通过这种方式卸载wget。-y的意思是，如果有询问，自动确认（总是允许）。
企业ERP系统怎么选服务器
qq177803623的博客
05-14 339
然而，ERP系统的稳定运行离不开一个强大的服务器支持。ERP系统作为企业管理的核心，集成了企业内部的各个业务流程，如采购、销售、库存、生产、财务等。④高灵活性：弹性云服务器支持多种操作系统和应用软件，企业可以根据自己的需求选择最适合的操作系统和ERP系统。通过选择合适的云服务器配置和云服务商，企业可以确保ERP系统的稳定运行并降低IT成本。了解云服务商的安全保障措施和故障恢复能力，确保ERP系统的数据安全和稳定运行。弹性云服务器作为一种新兴的云计算服务，以其独特的优势成为企业ERP系统的理想选择。
cookie sessionStorage localStorage 区别
06-10
这三个都是浏览器端存储数据的方式，但是它们的作用、存储方式和使用方式有所不同： 1. cookie：Cookie 是由服务器端发送到用户浏览器的，浏览器会将 Cookie 保存在本地，之后每次请求同一个网站时，浏览器都会将 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值