如何检查消息(PostMessage)来自哪个跨域iFrame?

我知道MessageEventsource属性,该属性是发送消息的窗口对象。现在,如何让这些信息检查主文档(当然还有消息到达时的主文档中)中的哪个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]
            }
        }
    }
}

我相信这在所有现代浏览器中都可以工作;如果有人有问题,我会很感兴趣的。

相关文章