跨文档通信

1. 什么是跨文档消息传输？

即网页文档之间互相互相接收和发送消息，该功能由H5提供。
下面通过案例，简单了解一下跨文档通信。
创建两个页面，分别是a.html和b.html, a和b之间的通信（如数据传输），就是跨文档通信。

2. 案例

• 案例1：

通过window.open打开b页面
a页面打开新窗口，并传输数据

 window.onload=function(){
   
            // 获取button按钮
            var btn=document.querySelector('button');
            // 获取发送数据按钮
            var sendBtn=document.querySelector('#send');
            // 点击btn 打开一个新窗口
            var win; 
            btn.onclick=function(){
   
                win=window.open('./B1.html')
            }
            // 点击send按钮 发送消息给B1窗口
            sendBtn.onclick=function(){
   
                win.postMessage('hello','*')
            }
  }
  //b页面接受传递过来的消息
  window.onmessage=function(event
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19