如何利用js在两个html窗口间通信
更新时间：2021年04月27日 14:56:16 作者：浅笑·
这篇文章主要介绍了如何利用js在两个html窗口间通信，如果读者们有类似的需求，可以参考下
场景：当A页面打开B页面，在B页面操作后，A页面需要同步变更数据时
A 页面 ,http://127.0.0.1:10001/A.html
var domain = 'http://127.0.0.1:10001';
window.open('http://127.0.0.1:10001/B.html');
window.addEventListener('message', function (event) {
if (event.origin !== domain) return;
console.log('message received: ' + event.data, event);
}, false);
B 页面 ,http://127.0.0.1:10001/B.html，opener是当前窗口的打开者引用
var domain = 'http://127.0.0.1:10001';
window.opener.postMessage("success", domain);
window.close();
如果是需要A打开B的同时向B中发送数据时
// 发送数据方
var domain = 'http://127.0.0.1:10001';
var myPopup = window.open('http://127.0.0.1:10001/B.html');
myPopup.postMessage('数据', domain);
// 接收数据方
window.addEventListener('message', function(event) {
if(event.origin !== 'http://127.0.0.1:10001') return;
console.log('message received: ' + event.data,event);
},false);
以上就是如何利用js在两个html窗口间通信的详细内容，更多关于js在两个html窗口间通信的资料请关注脚本之家其它相关文章！
相关文章
使用javascript操作JSON的类库TAFFY DB，具体介绍了：查询数据、添加数据、删除数据、修改数据。2013-10-10
这篇文章主要介绍了JS实现加载和读取XML文件的方法,结合实例形式分析了javascript针对xml文件的加载与读取相关实现步骤与操作技巧,需要的朋友可以参考下2017-04-04
这篇文章主要为大家详细介绍了JavaScript Ajax实现异步通信的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要给大家介绍了关于uniapp微信小程序授权登录并获取手机号的相关资料,我们在uniapp开发微信小程序的过程中,经常需要在微信端登录,需要的朋友可以参考下2023-06-06
这篇文章主要为大家分享了纯JS单页面赛车游戏制作代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
在写js脚本的时候我们必须对一件事保持警惕，就是避免异常的发生。在本篇文章里面，我想谈谈一部分类型检测，有需要的可以参考学习。2016-07-07
本文主要介绍了javascript七种常见算法：冒泡排序；插入排序；希尔排序；归并排序；快速排序；选择排序；奇偶排序。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
给大家分享一个我写的友好的表单,可以用来代替gridview生成的默认的表格(那个控件生成的垃圾代码太多).2008-02-02
这篇文章主要介绍了如何使用javascript操作excel生成报表,需要的朋友可以参考下2014-05-05
element必填校验输入空格问题修改正则表达式、请求拦截器实现所有输入框去除首尾空格(推荐)
这篇文章主要介绍了element必填校验输入空格问题修改正则表达式、请求拦截器实现所有输入框去除首尾空格,本文通过图文实例代码相结合给大家讲解的非常详细,感兴趣的朋友跟随小编一起看看吧2024-02-02
最新评论