如何通过 HTML 发送跨文档消息？

通过创建新 iframe 或新窗口创建新的 Web 浏览上下文。我们可以使用 postMessage() 发送数据，它有两个参数。它们如下

• 消息 − 要发送的消息
• targetOrigin − 来源名称

让我们来看一个从 iframe 发送消息到按钮的示例

var iframe = document.querySelector('iframe');
var button = document.querySelector('button');

var clickHandler = function(){
   iframe.contentWindow.postMessage('The message to send.','https://tutorialspoint.com);
}
button.addEventListener('click',clickHandler,false);

Nancy Den

更新于： 2020 年 1 月 29 日

168 次浏览

启动您的职业生涯

完成该课程后获得证书

开始