sessionStorage 与 localStorage 重新认识？

　　之前写过一次关于 js存储的总结，但是今天在项目中遇到一个bug让我重新在认识 sessionStorage 与 localStorage。以下的介绍都是基于同源下进行的，仔细看下面的案例：

a.html

  存储数据

  前往b页面
  

b.html

前往a页面
  
  清除

　　

《1》先看 sessionStorage 情况

　　  a.页面跳转打开新窗口情况下

          

　　 b.页面跳转在当前窗口内

　　

　　通过上面的案例看出：

　　　　通过带target="_blank"的a标签、window.open、location.href等方式打开新窗口时，会把旧窗口（或标签）的sessionStorage数据带过去，但从此之后，新窗口（或标签）的sessionStorage的增删改和旧窗口已经没有关系了。如果只是在当前窗口内跳转新页面（或者刷新），数据之间还是存在关系的。

 

《2》先看 localStorage 情况

　　a.页面跳转打开新窗口情况下

　　

　　 b.页面跳转在当前窗口内

　　

　　通过上面的案例看出：

　　　　不管是通过带target="_blank"的a标签、window.open、location.href等方式打开新窗口，还只是在当前窗口内跳转新页面（或者刷新），localStorage存储数据之间还是存在关系的　

      

　　从上面的案例 所以在处理sessionStorage时，只要打开新窗口就要特别注意了，新旧窗口数据不会互相同步。