sessionStorage的用法

最新推荐文章于 2024-06-19 16:26:18 发布
最新推荐文章于 2024-06-19 16:26:18 发布
阅读量1.1k 收藏 6
点赞数 1
分类专栏： 前端基础 文章标签： sessionStorage
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sophia_1031/article/details/74542121
版权
localStorage和sessionStorage都是用来存储客户端临时信息的对象。
localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。
sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。
用法如下：
sessionStorage.setItem('getMenu', obj)//存
sessionStorage.getItem('getMenu')//取
sessionStorage.removeItem('getMenu')//删
sophia_1031
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML5 sessionStorage会话存储
weixin_34238642的博客
07-20 2337
 　　sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。 目录 1. 介绍 　　1.1 说明 　　1.2 特点 　　1.3 浏览器最小版本支持 　　1.4 适合场景 2. 成员 　　2.1 属性...
sessionStorage
热门推荐
weixin_44540452的博客
08-09 4万+
sessionStorage sessionStorage的用法特别常见；比如我们在跨页面传数据的时候就经常能用到它；用来传id传状态；传一些样式数据都可以； 提示：通过sessionStorage保存的数据保存在浏览器中；所以创建一个sessionStorage用过后在某些情况需要清除sessionStorage； sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。 如何去创建一个sessionStorage呐 就像这样；s.
把值存储到浏览器上面的sessionStorage，和取sessionStorage的值
weixin_38694789的博客
02-07 1001
把值传到浏览器上面的sessionStorage，和取sessionStorage的值 存储： //拿到要存储的值appopenid var appopenid = appopenid （后台返回拿到的） sessionStorage.setItem('appopenid', appopenid) 取值： //拿想要取的值 let appopenid= sessionStorage.getItem('appopenid') ...
localStorage使用总结
weixin_44389021的博客
04-10 238
一、什么是localStorage、sessionStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 二、localStorage的优势与...
【面试笔记（七）】
最新发布
qq_40951799的博客
06-19 503
这些技术都是解决Web开发中跨源问题的不同方法，开发者可以根据具体需求和场景选择合适的技术来实现跨域请求或通信。
sessionStorage存取值
ffdals的博客
01-25 134
存值 取值
vue 中 sessionStorage存储的用法
weixin_48435054的博客
06-24 1624
vue中由于页面刷新会导致有些参数被清空，用sessionStorage存储数据一般是在beforeMount()挂载前取，beforeUpdate()更新渲染时存： 取值： beforeMount() { this.data= JSON.parse(sessionStorage.getItem('data')); }, 存值： beforeUpdate() { sessionStorage.setItem("data",JSON.stringify(this....
sessionStorage存储
tianranran的博客
02-09 417
<button>设置</button> <button>获取</button> <button>删除</button> <button>清空</button> <script> let aBtn = document.querySelectorAll('button') aBtn[0].addEventListener('click',
使用JS获取SessionStorage的值
10-18
首先，我们要了解`SessionStorage`的基本用法。通过`window.sessionStorage`对象，我们可以设置、获取和清除存储的数据。设置值的方法是`setItem()`，例如： ```javascript window.sessionStorage.setItem("key", ...
localstorage和sessionstorage使用记录(推荐)
09-27
使用`localStorage`和`sessionStorage`的基本方法包括`setItem`、`getItem`、`removeItem`和`clear`： - `setItem(key, value)`：将键值对存储到本地存储中，如`localStorage.setItem('key', 'value')`。 - `...
HTML5 使用 sessionStorage 进行页面传值的方法
12-14
确保在使用`sessionStorage`或`localStorage`之前，先检查浏览器是否支持这些特性，以确保兼容性。如上述代码所示，使用 `typeof(Storage) !== "undefined"` 来判断。如果不支持，可能需要考虑其他方法，如URL查询...
store:使用localStorage和sessionStorage的更好方法
05-11
一种功能丰富且友好的方式，可以利用localStorage和sessionStorage（JSON，命名空间，扩展等）。 下载： 或 ： npm install store2 ： Install-Package store2文献资料主要存储功能可以直接处理set ， get ， ...
详解Vue中localstorage和sessionstorage的使用
08-28
为了解决这些问题，我们可以封装 storage 的使用方法，统一处理规范 storage 的 key 值的命名规则和使用规范。这样做的好处是可以降低耦合度，方便切换实现方式，可以控制存储量大小改变。 例如，我们可以封装一个...
cookie 、sessionstorage 、localstorage三者的区别
weixin_45541388的博客
06-21 1万+
cookie、loacalstorage、sessionstorage的区别
sessionstorage(会话存储对象)使用、存储、读取、删除（一）
qq_44438941的博客
03-15 7639
sessionstorage(会话存储对象)使用、存储、读取、删除
cookie,sessionStorage,localStorage的区别及应用场景、http状态码含义、使用token登录、无感登录
muzidigbig的博客
08-26 5214
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie，session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1.保持状态：cookie保存在浏览器端（俗称：客户端），session保存在服务器端 2.使用方式： （1）cookie机制：如果不在浏览器中设置过期时间，...
sessionStorage详解
懒羊羊我小弟的博客
01-31 3374
sessionStorage 是HTML5新增的一个临时会话存储对象，本文介绍了sessionStorage的详细属性和方法，以及适用场景。帮助大家更好的理解！
40.本地存储
potato123232的博客
09-01 2529
本地存储可以把数据存在浏览器中，减少用户与服务器的交互有sessionStorage与localStorage两种方式可以本地存储数据，sessionStorage容量约5M，localStorage容量约20M本地存储只能存储字符串，可以将对象JSON.stringify()编码后存储。...
session Storage
weixin_43726822的博客
05-04 9078
WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。 WebStorage两个主要目标：（1）提供一种在cookie之外存储会话数据的路径。（2）提供一种存储大量可以跨会话存在的数据的机制。 1， 生命周期： session Storage(会话存储) : sessionStorage的生命周期是在仅在当前会话下有效。ses...
sessionStorage用法
05-12
sessionStorage 是 HTML5 提供的一种在客户端存储数据的方式，与 cookies 相似，但具有更高的安全性和更大的存储容量。 使用 sessionStorage 存储的数据只存在于当前会话期间，即只要浏览器窗口没有关闭，数据就一直存在，关闭窗口后数据就会被清空。与之相对的是 localStorage，它是永久存储的，除非用户手动清除。 sessionStorage 的使用方法很简单，可以使用 JavaScript 中的 sessionStorage 对象来访问和操作存储在 sessionStorage 中的数据。 示例代码： // 存储数据 sessionStorage.setItem('key', 'value'); // 获取数据 var value = sessionStorage.getItem('key'); // 删除数据 sessionStorage.removeItem('key'); // 清空所有存储的数据 sessionStorage.clear(); 需要注意的是，存储在 sessionStorage 中的数据只能是字符串类型，如果要存储其他类型的数据，需要先进行转换。此外，由于 sessionStorage 存储的数据只存在于当前会话期间，因此不能用于跨页面或跨窗口共享数据。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值