如何检查消息(PostMessage)来自哪个跨域iFrame?
我知道
MessageEvent
有source
属性,该属性是发送消息的窗口对象。现在,如何让这些信息检查主文档(当然还有消息到达时的主文档中)中的哪个iframe是该特定消息的来源呢?是否只有在event.source
窗口对象上检查location.href
然后循环所有IFRAME以检查哪个匹配的选项可用?如果主文档中存在具有相同源url的iframe怎么办?
解决方案
迭代页面上的所有IFRAME,并对其window
对象进行标识比较。
window.addEventListener('message', function(e) {
if(e.origin === 'https://www.example.com') {
var iframes = document.getElementsByTagName('iframe');
for(var i = 0; i < iframes.length; i++) {
if(e.source === iframes[i].contentWindow) {
// Do stuff with iframes[i]
}
}
}
}
我相信这在所有现代浏览器中都可以工作;如果有人有问题,我会很感兴趣的。
相关文章