HTML5 中的 MessageChannel 和 MessagePort 对象是什么?

创建 messageChannel 时，它会在内部创建两个端口来发送数据并将其转发到另一个浏览上下文。

• postMessage() − 将消息发送到通道
• start() − 发送数据
• close() − 关闭端口

在本例中，我们将数据从一个 iframe 发送到另一个 iframe。这里我们调用数据函数并将数据传递给 DOM。

示例

var loadHandler = function(){
   var mc, portMessageHandler;
   mc = new MessageChannel();
   window.parent.postMessage('documentAHasLoaded','http://foo.example',[mc.port2]);
   
   portMessageHandler = function(portMsgEvent){
      alert( portMsgEvent.data );
   }
   mc.port1.addEventListener('message', portMessageHandler, false);
   mc.port1.start();
}
window.addEventListener('DOMContentLoaded', loadHandler, false);

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/