jy4618272/messenger

A common iframe communication solution.

Messenger

---

跨域 Iframe 通信解决方案，兼容主流和 IE 系列浏览器。

☏

---

API

target selector

收发信息的目标页面。

onmessage function

接受消息的处理函数，第一个参数为收到的信息。

方法

send function

使用 send 方法来给目标页面发送信息，接受一个 string 或 纯 object 参数（IE 8/9 不支持）。

messenger.send('The Message.');

messenger.send({ a: 'b' });

最佳实践

父页面

// target 参数为 iframe
var messenger = new Messenger({
    target: '#iframe',
    onmessage: function(msg) {
        console.log(msg);
    }
});
// 给子页面发消息
messenger.send('发给子页面的消息');

子页面

// target 参数为 parent
var messenger = new Messenger({
    target: parent,
    onmessage: function(msg) {
        console.log(msg);
    }
});
// 给父页面发消息
messenger.send('发给父页面的消息');

感谢

本组件源码来自 https://github.com/biqing/MessengerJS 。