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

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

• message − 要发送的消息
• 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);

南希·登

更新时间：2020-01-29

168 次查看

开启您的 职业生涯

完成课程获得认证

开始学习