sessionStorage基本用法及原理(为空处理)

sessionStorage是存在客户端浏览器上某一会话里的缓存,在同一会话下可共享
存储:

sessionStorage.setItem('keyName', JSON.stringify(valObj));

因为sessionStorage只能存字符串,所以存对象的时候要存成json,取的时候再处理:

var sessionInfo = JSON.parse(sessionStorage.getItem('keyName'));

今天发现一个问题,就是新打开的页面sessionStorge为空,我刚存进去的东西没有了
这时候可以用localStorage,localStorage可存在客户端本地,也就是说浏览器关闭了仍然存在,直到下次被更新才会更新;
但是lmt说这玩意有风险,可能被篡改;要我找到sessionStorage为空的原因
后来我找到了,为空的页面是我用a标签直接打开的,改变了它的href,因此它是一个新的会话,就没有原来的sessionStorage了;
改为onclick事件里写个window.open()

window.open("url","_blank")

我惊喜的发现这样打开的新页面里它还在,查了一下,它在open的时候会把上下文资源传给新页面,因此就获取到了sessionStorage里的值

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值