HTML5中的sessionStorage和localStorage有相同和不同点?

原创 野人  2021-07-25 09:01  阅读 227 次

一、相同点

1、都遵守同源策略(同协议,同端口,同协议)

2、都可以用以前端存放数据

二、不相同点

1、sessionStorage是临时存储的,当窗口关闭,即失效

2、localStorage是永久存储,当窗口后关闭,下次再打开还是在的,除非调用API或者使用浏览器的清理功能

三、内嵌的iframe的sessionStorage和localStorage也可以读取到

四、这几种方式打开的新页面是可以共享sessionStorage

方法1、

<a href="相同的url" _target="blanl">新窗口打开</a> //使用a标签打开新窗口

方法2、

window.open("相同的url") //使用open方法,打开新窗口

2021-09-03更新,注意:如今方法一,在最新的谷歌浏览器版本 91.0.4472.101(正式版本) (64 位)以后的,a标签如果没有手动去设定el='opener',那浏览器会开启新的渲染进程,即不会共享sessionStorage了。

参考资料:

做前端这么多年,今天才发现关于sessionStorage的一个误区

window.opener

本文地址:https://www.yerenwz.com/4403.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论