我有一个带有 iframe 的 Web 应用程序,需要与其托管页面进行通信。iframe 和主机位于不同的域和协议上(iframe 是 https,主页是 http)。我使用 postMessage 从外部页面获取一小部分状态(用户跟踪)到 iframe。
加载 iframe 时,它会向首页发送一条短消息以询问访问者 ID:
if ($.w.top != $.w) $.f.postMessage($.w.top, 'Get visitorId');
($.f.postMessage(w, m) 只是 postMessage 的一个包装器,如果 typeof w.postMessage === 'undefined' 则什么都不做)。在外部页面上,我们有一个消息监听器:
// Set up event listener so that we can respond when any iframes
// inside of us ask for our visitorId
$.f.listen($.w, 'message', giveVisitorId);
function giveVisitorId(event) {
$.w['zzzzz'] = event.source;
if (event.data === 'Get visitorId') {
alert('about to reply from '+window.location.href+' with visitorid, typeof event.source.postMessage is ' + typeof(event.source.postMessage));
event.source.postMessage('visitorId=' + $.v.visitorId, '*');
}
}
内部框架有一个为响应注册的侦听器:
$.f.listen($.w, 'message', receiveVisitorId);
function receiveVisitorId(event) {
alert('receiveVisitorId called with: ' + event.data + ' in window '+window.location.href);
var s = event.data.split('=');
if (s[0] === 'visitorId' && s.length === 2) {
$.v.visitorId = s[1];
$.w.clearTimeout(giveUp);
rest();
}
}
这一切都可以在 OSX 上的 chrome 和 firefox 上正常工作(加载 iframe 时,我们会收到两个警报,一个来自 receiveVisitorId,一个来自 giveVisitorId);但是在 XP 上的 IE8 上,我们只收到第一个警报(来自 giveVisitorId)。
这很奇怪,因为似乎发出的 postMessage 有效,而进入的则无效;真正令人困惑的是,如果我们进入控制台并zzzzz.postMessage('hi', '*')
在 receiveVisitorId 中运行警报,就会发生预期的结果!(请注意,我们将 event.source 保存在 window.zzzzz 中)。
有谁知道为什么会发生这种情况?
PS:$.w.listen 和 $.w.postMessage 的定义,供参考:
listen: function (el, ev, fn) {
if (typeof $.w.addEventListener !== 'undefined') {
el.addEventListener(ev, fn, false);
}
else if (typeof $.w.attachEvent !== 'undefined') {
el.attachEvent('on' + ev, fn);
}
},
postMessage: function(w, m) {
if (typeof w.postMessage !== 'undefined') {
w.postMessage(m, "*");
}
},