同一个空间不同的域名实现访问不同的用html如何写,如何实现不同域名之间共享localStorage/sessionStorage...

两个不同的域名的localStorage不能直接互相访问。那么如何在domain2.com中如何调用domain1.com的localStorage?

实现原理

1.在domain2.com的页面中,在页面中嵌入一个src为domain1.com的iframe,此时这个iframe里可以调用domain1.com的localStorage。2.用postMessage方法实现页面与iframe之间的通信。综合1、2便可以实现domain2.com中如何调用domain1.com的localStorage。

优化iframe

我们可以在domian1.com中写一个专门负责共享localStorage的页面,例如叫做page1.html,这样可以防止无用的资源加载到iframe中。

示例

以在domain2.com中读取domain1.com中的localStorage都item1为例,写同理:domain1.com中page1.html,监听doamin2.com通过postMessage传来的信息,读取localStorage,然后再使用postMessage方法传给doamin2.com的接收者。

This page is for sharing localstorage.

在domain2.com的页面中加入一个src为domain1.com/page1.html隐藏的iframe。

在domain2.com的页面中加入下面script标签。在页面加载完毕时通过postMessage告诉iframe中监听者,读取item1。监听domain1.com传回的item1的值并输出。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值