首页 > 其他分享 >localStorage、sessionStorage、cookie数据共享问题

localStorage、sessionStorage、cookie数据共享问题

时间:2024-11-01 10:31:52浏览次数:1  
标签:username sessionStorage 数据共享 localStorage 标签 aaaaa 共享

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

2、sessionStorage

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

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

// 在标签页A中设置数据
sessionStorage.setItem('username', 'aaaaa');
window.open('https://h.cn/xxxx')

// 在标签页B中读取数据
const username = sessionStorage.getItem('username');
console.log(username);  // 输出: aaaaa (因为 新页面会复制前一页的 sessionStorage )

  

// 在标签页B中重新 set 数据
sessionStorage.setItem('username', 'bbbbb');

// 在标签页A中读取数据
sessionStorage.getItem('username'); // 输出:aaaaa(因为 不同的 tab 数据是独立的 )

  

3、cookie

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

 

标签:username,sessionStorage,数据共享,localStorage,标签,aaaaa,共享
From: https://www.cnblogs.com/hwy6/p/18519672

相关文章

  • 尚硅谷-react教程-求和案例-数据共享(下篇)-完成数据共享-笔记
    #1024程序员节|征文# public/index.html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>redux</title></head><body><divid="root"><......
  • LocalStorage和SessionStorage存储
    认识Storage◼WebStorage主要提供了一种机制,可以让浏览器提供一种比cookie更直观的key、value存储方式:cookie:服务器返回自动返回一个cooki,浏览器将cookie存储到本地,浏览器再发送请求自动把cooki传递过去localStorage:本地存储,提供的是一种永久性的存储方法,在关闭掉网页......
  • 计算机毕业设计 基于Hadoop的智慧校园数据共享平台的设计与实现 Python毕业设计 Pytho
    博主介绍:✌从事软件开发10年之余,专注于Java技术领域、Python人工智能及数据挖掘、小程序项目开发和Android项目开发等。CSDN、掘金、华为云、InfoQ、阿里云等平台优质作者✌......
  • Chromium 中Window.localStorage对象c++实现分析
    一、前端定义Window.localStorage只读的localStorage 属性允许你访问一个Document 源(origin)的对象 Storage;存储的数据将保存在浏览器会话中。localStorage 类似 sessionStorage,但其区别在于:存储在 localStorage 的数据可以长期保留;而当页面会话结束——也就是说,当页面......
  • 云栖实录 | 阿里云 OpenLake 解决方案重磅发布:多模态数据统一纳管、引擎平权联合计算
    新一轮人工智能浪潮正在重塑世界,以生成式AI为代表的技术快速应用,推动了数据与智能的深化融合,同时也给数据基础设施带来了全新的变革与挑战。面向AI时代的数据基础设施如何构建?底层数据平台架构在AI时代如何演进?9月20日,2024云栖大会OpenLake解决方案专场带来了全方位的解读......
  • 基于Pinia和Compute的持久化localStorage登录态管理Vuejs 源码教学
    piniaPinia是一个专为Vue3设计的状态管理库,它借鉴了Vuex的一些概念,但更加轻量灵活,使得状态管理变得更加简单直观。Pinia通过提供一种基于Vue3响应式API的状态管理机制,让我们可以更加优雅地管理应用程序的状态。computedVue的computed属性是一种特殊的数据属性,它们根据组......
  • localStorage、sessionStorage 和 cookies
    localStorage、sessionStorage和cookies都是用于在浏览器中存储数据的方式。localStorage用途:用于存储较大、较长期的数据,数据不会随浏览器关闭而消失,适合存储长期有效的信息,如用户设置、主题偏好等。•存储大小:大约5 MB左右。•有效期:数据会一直保留,直到用户......
  • 计算机毕设选题推荐-基于python的校园教学数据共享平台
    ......
  • localStorage、sessionStorage、Cookie的区别以及特点
    文章目录一、localStorage、sessionStorage、Cookie是什么?二、各自特点以及之间的区别1.`window.localStorage`2.`sessionStorage`3.`Cookie`三、写一个html页面以用来测试这三者不同的区别四、开始测试测试`localStorage`:测试`sessionStorage`:测试`Cookie`:总......
  • 前端数据持久化——Vuex+LocalStorage
    VuexVueX详解_组合式vuex-CSDN博客 LocalStorageLocalStorage是一种WebAPI,它允许网站在用户的本地浏览器中存储和检索数据,而不是将数据存储在服务器上。以下是LocalStorage的详细解析:一、LocalStorage的基本特点本地存储:LocalStorage存储的数据保存在用户的浏览器中,不......