小编给大家分享一下怎么利用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窗口间通信”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
