跨域 Iframe 通信解决方案,兼容主流和 IE 系列浏览器。
☏
收发信息的目标页面。
接受消息的处理函数,第一个参数为收到的信息。
使用 send 方法来给目标页面发送信息,接受一个字符串作为参数。
messenger.send('The Message.');
// 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 。