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