使用PostMessage解决跨窗体消息传递

前些天开发项目的时候遇到一个需求，要求在父页面中点击按钮，跳转到子页面，在子页面操作执行完成之后，发布消息通知执行父页面中的方法；由于代码采用TypeScript，所以语法可能和JS有点不同。但是整体方法还是保持一致的，代码中用到的postMessage和addEventListener方法的参数，读者如果不清楚可以自行查阅相关资料;

思路：

在父页面中，给按钮增加时间绑定，点击执行openConfiguration方法，通过window.open（）方法，打开指定的子页面，然后向改路径的子页面中每隔2000毫秒发送消息（确保子页面可以收到发送的消息）；然后给窗口增加事件监听，捕获子页面返回的数据，执行指定的方法；详细代码如下所示：

父页面：

index.html页面:

index页面负责接收父页面发送的消息，如果消息接收成功，将要接收信息的页面进行赋值；

子页面：

子页面在做完相应的动作之后想父页面发送相应的消息，控制父页面执行对应方法：