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);

以上是 HTML5 中的 MessageChannel 和 MessagePort 对象是什么? 的全部内容, 来源链接: utcz.com/z/327612.html

回到顶部