数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会学
时尚研究
法律研究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);
更新于： 2020 年 6 月 25 日
134 次浏览
广告