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 2026腊八简短祝福语
13 韩语女儿生日祝福语简短
14 对好友的祝福语简短
15 新年简短祝福语大全集
16 八一祝福语简短文字
17 伴郎红包祝福语朋友简短
18 乔迁送茶具简短祝福语