localStorage、sessionStorage、cookie数据共享问题

1、localStorage 必须要符合同源策略（协议、域名、端口相同）才能共享 同网址共享

2、sessionStorage

（1）只有同一个浏览器窗口才共享，不能在不同的标签页或窗口之间共享数据，即使它们属于同一个源。

（2）如果通过window.open再次打开这个页面，那么数据会跟着复制过去，但是也不共享

?

1 2 3 4 5 6 7

// 在标签页A中设置数据 sessionStorage.setItem('username', 'aaaaa'); window.open('https://h.cn/xxxx')   // 在标签页B中读取数据 const username = sessionStorage.getItem('username'); console.log(username);  // 输出: aaaaa (因为 新页面会复制前一页的 sessionStorage )

　　

?

1 2 3 4 5

// 在标签页B中重新 set 数据 sessionStorage.setItem('username', 'bbbbb');   // 在标签页A中读取数据 sessionStorage.getItem('username'); // 输出：aaaaa(因为 不同的 tab 数据是独立的 )

　　

3、cookie

（1）同域名，不同子域名也可以共享，需要设置domain为.h.com     如www.h.com 和 console.h.com 可以共享