MessengerJS(iframe之间通信)--需在iframe加载完成以后触发

https://github.com/biqing/MessengerJS
父页面
var messenger = new Messenger('tiebaIframe', 'tiebaGame');
var iframe1 = document.getElementById('iframe1');

messenger.addTarget(iframe1.contentWindow, 'iframe1');

window.addEventListener('click', function() {
messenger.send('hi');
});

iframe.onload = function(){
messenger.send('hi');
}
子页面
/* messenger初始化 /
var messenger = new Messenger('gameIframe', 'tiebaGame');
messenger.addTarget(window.parent, 'tiebaIframe');
console.log(window.parent,1)
/
接收信息 */
messenger.listen(function(data){
console.log(data);
});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,110评论 1 10
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,881评论 2 17
  • github地址,欢迎大家提交更新。 express() express()用来创建一个Express的程序。ex...
    Programmer客栈阅读 2,621评论 0 1
  • 都不知道从什么时候,自己已经不知不觉的养成了随手一拍的习惯了!而且,拍完后还会放到自己的朋友圈!只因为我喜欢分享美...
    谷马砺兵阅读 368评论 0 2
  • 爸爸在孩子的成长过程中,一不小心就会成为一个影子。许多孩子眼中的爸爸都很抽象。为什么?因为在孩子记忆里,爸爸...
    大象姐说心理阅读 358评论 0 1