window.sessionStorage.setItem

最新推荐文章于 2024-05-09 09:31:53 发布
最新推荐文章于 2024-05-09 09:31:53 发布
阅读量1.3w 收藏 2
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhou120189162/article/details/78874677
版权

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/sessionStorage#浏览器兼容性
今天第一次用别人的前端框架layui，发现了一个有意思的现象，就是无论我怎么刷新数据一直都在，我试过了清除cookie，和本地的session发现都没什么卵用，数据并没有传进数据库中，但是刷新页面为什么数据还在，于是我开始研究他的源码，百度发现了window.sessionStorage.setItem这个web api接口，于是参照他的官方语法，使用sessionStorage.clear();清除所有数据发现果然成功了,然后因为好奇心我继续深入看了一下，发现这个的应用场景很人性化，于是心血来潮就打算把这个东西记下来。

最後的悲伤
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Window.sessionStorage存储
莉兹Liz的博客
10-24 2412
sessionStorage特点 sessionStorage是HTML5新增的会话存储对象，sessionStorage属性访问Storage当前源的会话对象，当前源要求协议、主机名、端口相同，且在同一窗口（浏览器的标签页）。 只要打开浏览器，页面会话就会持续，并在重新加载和还原页面后继续存在。 在新选项卡或窗口中打开页面会创建一个新会话，该会话具有顶级浏览上下文的值，这与会话cookie的工...
Window.sessionStorage 会话存储
m0_57835615的博客
06-02 535
sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 特点 生命周期：关闭浏览器窗口之前
window.localStorage.setItem() 报错
最新发布
a123123sdf的博客
05-09 506
DOMException: Failed to execute 'setItem' on 'Storage': Setting the value of "XXX" exceeded the quota window.localStorage.setItem() 缓存 超额
sessionStorage
淡淡的芦苇的博客
11-10 1307
1.设置（变量名，变量值） window.sessionStorage.setItem('title', JSON.stringify(row)) 2.取值 window.sessionStorage.getItem('title') || '{}' 3.使用之后需要在卸载的生命周期中清除该缓存 onUnmounted(() => { window.sessionStorage.removeItem('title') }) ...
javascript基础学习系列九百二十六：sessionStorage 对象
m0_68635815的博客
04-19 249
因为sessionStorage 对象是Storage 的实例，所以可以通过使用setItem()方法或直接给属。对于少量数据，这里的差别可以忽略不计，但对于大量数据，就可以注意到IE 中JavaScript 恢复执行的。sessionStorage 对象只存储会话数据，这意味着数据只会存储到浏览器关闭。sessionStorage 对象中的数据只能由最初存储数据的页面使用，在多页应用程序中的用处有限。老版IE 以异步方式实现了数据写入，因此给数据赋值的时间和数据写入磁盘的时间可能存在延迟。
window.sessionStorage.setItem(key, value)方法
i33的笔记
06-19 425
将el对象中的project.id、project.projectName、project.projectType和project.pushMode属性提取出来，并将它们存储为projectJson的值。因此，当用户点击元素时，会执行上述代码逻辑，将项目信息存储到会话存储中，并将用户重定向到’/xxxxx’页面。这个页面可能是项目的详细信息页面或者其他与项目相关的页面。调用history.push(‘/xxxxx’)将用户重定向到路径为/xxxxx的页面。
JS——Window sessionStorage 属性
qq_43201350的博客
05-22 218
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 sessionStorage：用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 localStorage: 只要不手动删除， 数据就会一直存在。 保存数据语法： sessionStorage.setItem("key", "value"); 读取数据语法： var lastname = sessionStorage.getItem("key")..
sessionStorage.setItem
热门推荐
TaTaPark的博客
03-31 1万+
记录易错细节 页面临时缓存数据 window.sessionStorage.setItem('myFlag',false) 页面取值缓存 let myFlag =window.sessionStorage.getItem('myFlag')?window.sessionStorage.getItem('myFlag') : true 如果页面使用 v-show=‘myFlag’ 会导致数据一直渲染 原因是window.sessionStorage.getItem('myF..
window.localStorage.setItem的理解与使用
taowuhua的博客
08-07 4722
HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 sessionStorage 方法 sessionStorage 方法针对一个 session 进行数据存储。在关闭窗口或标签页之后，数据会被删除。 sessionStorage特别适用于单页面应用（angular）...
window.open父子窗口传值问题
03-27
4. **利用存储API**：例如localStorage或sessionStorage。父子窗口可以共享这些存储空间。 ```javascript // 父窗口设置值 localStorage.setItem("sharedData", value); // 子窗口读取值 var value = ...
使用JS获取SessionStorage的值
10-18
window.sessionStorage.setItem("key", "value"); ``` 这里的`key`是你想要存储的数据的键，`value`是对应的值。要获取存储的值，可以使用`getItem()`方法： ```javascript var storedValue = window....
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
10-14
window.sessionStorage.setItem("name", "李四"); window.sessionStorage.setItem("age", 18); // 获取数据 console.log(window.sessionStorage.getItem("name")); // 李四 // 清除数据 window.sessionStorage....
sessionStorage测试.zip
12-17
1. **数据存储**：`sessionStorage`提供了`setItem()`方法用于存储键值对，以及`getItem()`方法用于获取存储的数据。例如： ```javascript localStorage.setItem('key', 'value'); var value = localStorage....
本地存储：window.sessionStorage的特性和使用方法
weixin_46682277的博客
04-22 5022
本地存储的特性： 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不会丢失数据 容量较大，sessionStorage约5M、localStorage约20M 只能存储字符串，可以将对象JSON.stringify()编码后再存储 window.sessionStorage的特性： 生命周期为关闭浏览器时失效 在同一个窗口（页面）下数据可以分享 以键值对的形式存储使用（比如：name=tom，键就是name，值就是tom） window.sessionStorage使用方法： 存储数据： sess
40.本地存储
potato123232的博客
09-01 2519
本地存储可以把数据存在浏览器中，减少用户与服务器的交互有sessionStorage与localStorage两种方式可以本地存储数据，sessionStorage容量约5M，localStorage容量约20M本地存储只能存储字符串，可以将对象JSON.stringify()编码后存储。...
Window.sessionStorage存储，实现打开新页面传递
hzp666的博客
01-20 1643
一开始用localStorage，不论打开多少个页面，哪怕关掉重新打开，同一个网站下的存储的数值还在，问题是，不能同时登录多个账户，以及设置过期时间等 后来启用sessionStorage，可以登录多个账户了，页面一关存储的数值也会自动被清掉，不存在安全问题；但来了新的问题，登录后，父页面跳转打开的新页面，两个页面之间的值无法共享了。 后来想了一下，可以利用window.opener来解决，自己写了一个set和get函数，如下： 封装全局函数: function setSession(name,
关于js本地Window sessionStorage 的一些了解
01-23 780
关于js本地Window sessionStorage 的一些了解
sessionStorage传值使用总结
汉堡请不要欺负面条
01-22 1万+
一.介绍 1.sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。 2 特点 1) 同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作，这些
Local Storage / Session Storage 和 Cookie _ 教书版
Mr.小灰狼_随笔
07-23 1078
目录 浏览器本地存储 : ( 1) Local Storage: ( 2 ) Session Storage : Local Storage / Session Storage 共同点 : ( 3 ) Cookie : 本地存储之间的区别 : ( 面试题 ) Cookie 和 Local Storage / Session Storage 的区别 : 浏览器本地存储 : 本地存储 : +在JS内,有两个浏览器的本地存储 ...
window.sessionStorage.setItem('accountTableName',accountTableName); window.sessionStorage.setItem('username',username); window.sessionStorage.setItem('token', res.token); window.sessionStorage.setItem('role', res.role); window.sessionStorage.setItem('userId', res.userId); window.location.href = "${pageContext.request.contextPath}/index.jsp
05-30
这段代码是将一些用户登录后的信息存储在浏览器的 session storage 中，并重定向到指定页面。其中： - `window.sessionStorage.setItem('accountTableName',accountTableName);` 将用户的账户表名存储在 session storage 中； - `window.sessionStorage.setItem('username',username);` 将用户的用户名存储在 session storage 中； - `window.sessionStorage.setItem('token', res.token);` 将用户的 token 存储在 session storage 中； - `window.sessionStorage.setItem('role', res.role);` 将用户的角色存储在 session storage 中； - `window.sessionStorage.setItem('userId', res.userId);` 将用户的 ID 存储在 session storage 中； - `window.location.href = "${pageContext.request.contextPath}/index.jsp"` 重定向到指定页面。 这段代码通常用于用户登录后的信息存储和页面跳转。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值