当前位置: 首页 > Web前端 > JavaScript

postMessage

时间:2023-03-27 16:14:07 JavaScript

这个方法可以用来实现跨源通信等,下面我们来演示如何实现两个窗口之间的通信。假设我们现在有两个页面:page1.html和page2.html,它们之间的关系是通过iframe连接起来的,像这样(page1.html的内容如下):为了实现通信,首先需要在page2.html中注册事件监听器:window.addEventListener('message',function(e){console.log(e);});确保page2.html中的事件监听注册后,首先需要在page1.html中获取page2.html的window对象:vartargetWindow=document.getElementById('receiver').contentWindow;然后直接使用里面的postMessage发送:targetWindow.postMessage("Hello!","*");在实际使用中,两个页面不一定需要通过iframe连接,比如使用window.location.href等也是可以的,但是有一个基本原则需要注意:在发送信息的时候,让确认接收方已经完成信息接收事件的注册。

最新推荐
猜你喜欢