一:a页面
1:打开b页面
let isB= window.open('b.html','b'); 2:a页面发送消息给b页面
    isB.postMessage("dsddfsdf", 'b.html');
 
 
  二: b页面
 
       b页面接受a页面的消息
 

window.onload = function() {
window.addEventListener('message', function(event) {
 //可以通过event.origin  判断消息来源
 
console.log(event.data,'a发送来的消息');
//作为接受到消息的回应 同样给a页面发送一个消息
   
 
//如果a页面没有关闭
 if(window.opener){
     window.opener.postMessage('我是b,我收到消息了','a.html');
}else{
console.log("a页面关闭了啊");
}
 
});
}
 
 
LAST:
 
在a页面同样添加 接受消息的事件  接受b接受消息的反馈信息
window.onload = function() {
window.addEventListener('message', function(event) {
//其他操作
})
}

  

最新文章

  1. vue组件编译原理
  2. zorka源码解读之tracer内部实现
  3. 多线程技术 NSThread & NSOperation & GCD
  4. javascript和“主流大型语言”(c# JAVA C++等)的差异
  5. NodeJS包管理工具——npm入门
  6. mysql的mvcc(多版本并发控制)
  7. ANSI与UINCODE编码
  8. UML中的交互图<转>
  9. 【Dev Club 分享】腾讯验证码的十二年
  10. java socket初步学习一 ( tcp)
  11. Linux kernel的中断子系统之(二):IRQ Domain介绍
  12. Centos 7 安装 ELK 5.6.8 及基础的配置
  13. APP测试报告
  14. MS+Oracle各种兼容性的坑
  15. NEST 中的距离单位
  16. python测试开发django-51.Ajax发送post请求登录案例
  17. CF1045G
  18. laravel 同数据表字段比较查询和状态不正规排序
  19. 基于docker搭建jumpserver堡垒机
  20. Hive之import和export使用详解

热门文章

  1. js(jquery)鼠标移入移出事件时,出现闪烁、隐藏显示隐藏显示不停切换的情况
  2. Kubernetes1.3新特性:支持GPU
  3. idea列编辑模式
  4. 17.使用android_studio开发libgdx
  5. day10-04_多线程常用属性方法
  6. 8.5打包libgdx为一个桌面程序(jar包)
  7. part10.3-字符驱动访问揭秘
  8. JQuery---高级选择器
  9. LRJ-Example-06-04-Uva11988
  10. phpStudy本地环境测试,打开网页很慢的解决办法!