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);热门推荐
10 小红书平安祝福语简短
11 生日祝福语大全女孩简短
12 收生日红包祝福语 简短
13 领证幽默祝福语简短
14 法考面试祝福语简短
15 老哥出门祝福语简短语
16 送灯祝福语简短独特
17 幼儿狗年祝福语大全简短
18 好听的元旦简短祝福语