LocalStorage和SessionStorage

最新推荐文章于 2024-04-03 10:02:16 发布
最新推荐文章于 2024-04-03 10:02:16 发布
阅读量882 收藏
点赞数 1
分类专栏： js 笔记 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51636525/article/details/125642150
版权
本文介绍了WebStorage中的localStorage和sessionStorage，重点关注它们在Web应用中的持久性和会话限制。localStorage提供永久性存储，数据在浏览器关闭后仍然保留；而sessionStorage则在会话结束后清除，仅用于当前会话的数据存储。
摘要由CSDN通过智能技术生成

WebStorage主要提供了一种机制，可以让浏览器提供一种比cookie更直观的key、value存储方式：

localStorage：本地存储，提供的是一种永久性的存储方法，在关闭掉网页重新打开时，存储的内容依然会保留；

seesionStorage：会话存储，提供的是本次会话的存储，在关闭掉会话时，存储的内容会被清除；

localStorage和sessionStorage的区别

那么它们有什么区别呢？
验证一：关闭网页后重新打开，localStorage会保留，而sessionStorage会被删除；
验证二：在页面内实现跳转，localStorage会保留，sessionStorage也会保留；
最低0.47元/天 解锁文章
至尊绝伦
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
【JS】本地存储的几种方式-cookie,session,localStroage，WebStorage，sessionStorage
77今天也学习了的博客
05-12 994
本地存储的集中方式 cookie,session,localStroage，WebStorage，说说区别？使用场景？ 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 保持状态：cookie保存在浏览器端，session保存在服务器端 cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。 如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
JavaScript的本地存储和会话存储
m0_71485750的博客
07-03 1711
WebStorage主要提供了一种机制，可以让浏览器提供一种比cookie更直观的key、value存储方式 :localStorage：本地存储，提供的是一种永久性的存储方法，在关闭掉网页重新打开时，存储的内容依然保留； sessionStorage：会话存储，提供的是本次会话的存储，在关闭掉会话时，存储的内容会被清除； 我们会发现localStorage和sessionStorage看起来非常的相似。那么它们有什么区别呢？Storage(包含localStorage和sessionStorage
JS学习笔记 - localStorage和sessionStorage
绿胡子大叔的博客
09-07 566
JS学习笔记 - localStorage和sessionStorage简介Web Storage 和 cookie 的异同点相同不同生命周期不同存储大小限制不同作用域不同与服务器通信易用性Web Storage API添加键值对获取键值删除键值对清除所有键值对其他方法判断是否存在键获取localStorage中键值对数量获取 localStorage 的属性名称通过StorageEvent响应存储的变化 简介 HTML5 Web Storage提供了两种在客户端存储数据的新方法 localStorage
js 的 localStorage sessionStorage 区别
艾斯比
04-25 129
localStorage, sessionStorage 都可以用于在客户端浏览器存储数据, 与 cookie 不同的是, 发起 http 请求并不会自动携带 localStorage, sessionStorage localStorage, sessionStorage 只是生命周期不同, 它们的 api 是相同的, 例如 setItem getItem clear removeItem key length localStorage 生命周期是永久, 只要用户不清理浏览器缓存即可. 而 sessi.
js -- 本地存储--会话存储
MagicWing的博客
10-25 1437
本地存储 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>本地存储</title> </head> <input type="text&
localstorage和sessionstorage使用记录(推荐)
09-27
使用`localStorage`和`sessionStorage`的基本方法包括`setItem`、`getItem`、`removeItem`和`clear`： - `setItem(key, value)`：将键值对存储到本地存储中，如`localStorage.setItem('key', 'value')`。 - `...
JS 中LocalStorage和SessionStorage的使用
10-19
随着互联网应用的普及，客户端存储变得越来越重要，其中JS中的LocalStorage和SessionStorage是最常见的存储方式。LocalStorage和SessionStorage是Web Storage的两个接口，它们都提供了一种在客户端存储数据的方法，...
详解Vue中localstorage和sessionstorage的使用
08-28
详解Vue中localstorage和sessionstorage的使用 在 Vue 项目中，localstorage 和 sessionstorage 是两个常用的客户端存储机制。它们可以帮助开发者存储一些数据，以便于后续使用。但是，在实际项目中，直接使用 ...
cookie，localStorage,sessionStorage区别与应用
01-07
sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非自己删除 浏览器关闭，...
js 本地缓存localStorage和sessionStorage 还有cookie 用法和区别
最新发布
tianxianghuiwei的博客
04-03 1410
一、定义和使用localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。sessionStorage 数据保存在当前会话中，该数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。保存数据语法读取数据语法：删除数据语法：下面写个方法把两个封装一起方便开发使用的示例。
JS中localStorage和sessionStorage
weixin_46051260的博客
07-31 718
localStorage和sessionStorage
js【详解】本地存储 Cookie、sessionStorage、localStorage
朝阳39的博客
05-16 1588
目录 Cookie、sessionStorage、localStorage的区别 Cookie的用法 安装依赖 导入依赖 使用方法 Cookie操作引用类型的数据（数组、对象等） sessionStorage的用法 localStorage的用法 Cookie、sessionStorage、localStorage的区别 特性 Cookie sessionStorage localStorage 数据有效期 可自定义失效时间，默认是关闭浏览器后失效 .
原生JavaScript实现本地存储（localStorage）和会话存储（sessionStorage）
yzq0820的博客
08-01 2433
本地存储和会话存储的目的，是将所输入的文件存入到浏览器中，在需要的时候，直接调用，但是本地存储和会话存储有着一定的区别，本地存储，在不主动删除的情况下,会一直保留在浏览器中，会话存储是，当前保存的内容，页面刷新还会保留在浏览器中，但是关闭页面在打开时，会发现没有数据了。这是他们两的用处和区别。......
记第一次面试(问题：html5除了Cookie还有那些存储数据的方法？)
qq_32687373的博客
02-05 677
html5除了Cookie还有那些存储数据的方法？ html5提供了 sessionStorage和localStorage， //session级的存储在当前会话结束时就被清空了 sessionStorage.setItem('name','content'); var a = sessionStorage.getItem('name'); //local为永久的存储 localStora...
js sessionStorage和localStorage的存储和取值
weixin_44959182的博客
11-24 601
localStorage 存值 localStorage.setItem(‘存值名称’, 存值) 取值 localStorage.getItem(‘取值名称’) sessionStorage 存值 sessionStorage.setItem(‘存值名称’, 存值) 取值 sessionStorage.getItem(‘取值名称’)
JS 缓存 sessionStorage localStorage的使用方法
weixin_42062766的博客
08-16 606
使用 Window sessionStorage 和 localStorage 属性 sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据 localStorage 缓存在浏览器的数据，只有清空浏览器缓存才会删除这些数据 sessionStorage 和localStorage 的使用语法一样，这里以sessionStorage 的语法为示例 语法 window.sessionStorage 保存数据语法： sessionStorag
sessionStorage、localStorage和cookie之间的区别
尽信书，则不如无书。
06-13 413
H5中 共同点：都是保存在浏览器端，且同源的。 区别： cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能
JS存储方式
weixin_62128198的博客
10-10 654
JS存储方式——cookie、localStorage、sessionStorage
localStorage和sessionStorage
08-10
localStorage和sessionStorage是Web浏览器提供的两种客户端存储方式。 localStorage是一种持久化存储方式，它可以用来在浏览器中存储键值对数据。这些数据会一直保存在客户端，即使用户关闭了浏览器窗口或者重新启动了计算机，数据仍然会存在。localStorage中存储的数据可以跨不同的浏览器窗口和标签页进行共享。 sessionStorage也是一种客户端存储方式，但与localStorage不同的是，sessionStorage中存储的数据只在当前会话有效。当用户关闭浏览器窗口时，sessionStorage中的数据会被清除。而且，sessionStorage中的数据在不同的浏览器窗口和标签页之间是不共享的。 这两种存储方式都支持相同的API，包括setItem、getItem、removeItem和clear等方法，可以用来对存储的数据进行增删改查操作。使用这些方法可以方便地将数据存储在客户端，以便在不同页面之间进行数据传递或者持久化保存。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

至尊绝伦

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

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

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

打赏作者

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

抵扣说明：

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

余额充值