做前端这么多年,今天才发现关于sessionStorage的一个误区
本文由 小茗同学 发表于 2018-05-21 浏览(459)
最后修改 2018-05-22 标签:session storage

前言

所有人都知道,localStoragesessionStorage的最大区别是生命周期,一个永久,一个仅针对一个会话期间有效。那么,到底什么是一个会话?多个标签页之间的数据是否会共享呢?

后台的session

我们对会话session的认识一般都是从后台的session开始的,比如Java的session,它是基于往cookie写入一个JSESSIONID来实现的,所以,只要你不是打开一个隐身窗口,无论你开多少个标签页,不同标签页之间都会被认为是一个session,你在这个标签页登录了,新开一个标签输入地址,仍然是登录状态。

sessionStorage的session

但是直到今天才发现,HTML5中的这个sessionStorage和传统后台的session并不完全是同一个东西,主要是在多个标签页数据是否会共享的问题上的不同。

误区:之前一直以为,同一个窗口,只要会话还没有过期,不同标签页之间,相同域名下的sessionStorage是一样的。

正确答案:刷新当前页面,或者通过location.hrefwindow.open、或者通过带target="_blank"a标签打开新标签,之前的sessionStorage还在,但是如果你是主动打开一个新窗口或者新标签,对不起,打开F12你会发现,sessionStorage空空如也。

也就是说,sessionStoragesession仅限当前标签页或者当前标签页打开的新标签页,通过其它方