编辑
2025-08-18
前端
00
请注意,本文编写于 49 天前,最后修改于 49 天前,其中某些信息可能已经过时。

目录

1. 生命周期
2. 作用范围
3. 如果需要 跨域共享数据,通常有几种做法:

1. 生命周期

js
sessionStorage 仅在 当前会话(session) 有效。 当页面关闭(标签页或浏览器关闭)后,存储的数据会被清除。 localStorage 数据会 长期保存,除非主动删除(代码里 removeItem 或 clear,或用户手动清除浏览器缓存)。 页面关闭或浏览器重启后,数据依然存在。

2. 作用范围

js
sessionStorage 仅限于 当前标签页 有效。 即使同一浏览器里打开相同网站的另一个标签页,数据也不能共享。 localStorage 在 同源(协议+域名+端口一致) 的所有标签页和窗口之间共享。

3. 如果需要 跨域共享数据,通常有几种做法:

js
后端接口:把数据存到服务器,由不同域名的页面去请求。 postMessage:通过 iframe 或 window.open 建立跨域通信,然后再读写数据。 cookie + 设置 domain:但 cookie 有大小和安全限制,而且要小心隐私问题。

本文作者:薛祁

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!