cookies，sessionStorage和localStorage的区别

最新推荐文章于 2025-03-07 19:48:48 发布
最新推荐文章于 2025-03-07 19:48:48 发布
阅读量136 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ysxlpa1994/article/details/107512500
版权

cookies,sessionStorage和localStorage

cookie的查看和设置

查看

随便打开一个网站，在控制台输入document.cookie回车
在这里插入图片描述
如图，我们可以看到cookie
第二打开 application查看
在这里插入图片描述

设置cookie

浏览器输入
在这里插入图片描述
显示内容
在这里插入图片描述
在https://www.baidu.com/这个域名下，name依然在
在这里插入图片描述
但是换一个域名https://www.sogou.com，就不在了
在这里插入图片描述

同样在百度下，换一个浏览器，设置的值也不在了

在这里插入图片描述

所以总结，cookie以键值对的方式存储，同域名同浏览器都可以用。
在这里插入图片描述
在这里插入图片描述

请描述一下 cookies sessionStorage和localstorage区别
祈澈菇凉
05-28 386
根据具体需求,合理选择使用哪种存储机制,以确保数据安全和应用性能。
cookie、sessionStorage和localStorage的区别（详细）
微微的猪食小窝
11-13 1442
1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
sessionStorage和localStorage的区别
cx1361855155的博客
08-03 964
sessionStorage 和 localStoraged 的用法基本一致，sessionStorage和localStorage都具有相同的操作方法，列如setItem()，getltem()和removeItem()等，引用类型的值要转换成JSON。sessionStorage和localStorage：不会自动把数据发送给服务器，仅在客户端中保存，不参加服务器通讯。localStorage：本地存储只能通过手动清除，否则会一直保存。获取指定的key本地存储的值。删除指定的key本地存储的值。...
localStorage和sessionStorage之间的区别？
热门推荐
weixin_47450807的博客
03-22 1万+
一、写在前面 今天总结一下localStorage和sessionStorage之间的区别。 二、具体区别 2.1、声明周期的区别 localStorage是永久存储在浏览器中，只要当用户不删除数据，则该数据就会一直存放在localStorage中。sessionStorage是会话级别的存储，从名字session我们就可以看出来了，也就是当用户关闭浏览器，此时数据就会被销毁。 2.2、存储大小：localStorage和sessionStorage存储大小都是5MB。 2.3、sessionStorage
大白话本地存储 localStorage 和 sessionStorage 的区别与使用案例
前端大白话
03-07 903
在网页开发里，有时候我们需要把一些数据存到用户的浏览器里，这样下次用户再打开网页的时候，这些数据还能用。和就是浏览器提供给我们用来做这件事的两个工具。它们就像是浏览器给我们每个人发的一个小仓库，我们可以把一些东西（数据）存进去。
sessionstorage和localstorage的区别
qq_40098572的博客
11-12 177
sessionStorage 创建一个本地存储的 name/value 对. window.sessionStorage 保存数据语法： sessionStorage.setItem("key", "value"); 读取数据语法： var lastname = sessionStorage.getItem("key"); 删除指定键的数据语法： sessionStorage.removeItem("key"); 删除所有数据： sessionStorage.clear(); .
sessionstorage 和 localstorage 的区别
enjoy.day
07-21 312
简介 在HTML 5 最开始时，本地存储有两种方式：一种是web Storage，另一种是web SQL。由于web SQL的实现是基于SQLite，它更倾向于DataBase方向，且W3C官方在2011年11月宣布不在维护web SQL规范，故其API接口目前已经不属于HTML 5的范畴。因此，目前我们常讲的HTML 5本地存储，多指的是web Storage。 关于WebStorage及其两种形式作具体的描述和讲解 1、web Storage web Storage 是HTML 5引入的一个重要的功能，
cookies，sessionStorage 和 localStorage 的区别1
08-08
cookies、sessionStorage 和 localStorage 的区别 cookies、sessionStorage 和 localStorage 是三个常用的浏览器端存储机制，它们都可以在浏览器端存储数据，但它们之间有着很大的不同。 cookies cookies 是一种...
深入理解Web存储机制：Cookie、SessionStorage与LocalStorage的区别
chaosweet的博客
01-13 1172
选择正确的工具是成功的开始。
请描述一下 cookies，sessionStorage 和 localStorage 的区别？
10-18
请描述一下 cookies，sessionStorage 和 localStorage 的区别？
sessionStorage和localStorage区别
m0_74381444的博客
02-26 936
从生命周期、作用域、案例讲
localStorage和sessionStorage的区别
weixin_57446003的博客
05-13 3154
区别如下： 1、localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 2、localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。 4、sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。 5、不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览
localStorage和sessionStorage区别
m0_51433562的博客
03-20 1383
localStorage和sessionStorage
localStorage、sessionStorage的区别
Shelly Long的博客
02-09 338
localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候（比如：关闭浏览器），sessionStorage中的键值对会被清空 ...
请描述一下cookies、sessionStorage和localStorage 区别
最新发布
03-14
### Cookies、SessionStorage 和 LocalStorage 的区别 #### 存储机制 Cookies 是一种较早的客户端存储技术，主要用于保存用户的登录状态或其他少量数据。它们通过 HTTP 请求头发送到服务器，在每次请求时都会被附加...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值