javascript - 如何从父网站监控 iframe？

Question

我有一个名为 A 的网站，我想使用 iframe 将另一个名为 B 的网站包含到 A 中。网站 B 是一个电子购物网站。我想监控B到A的所有页面，可以吗？

Answer 1

根据站点 A 和 B 的域、协议和端口，您很可能会遇到与同源策略相关的问题。

它还取决于您的意思是我想监视 B 到 A 的所有页面。

如果您同时拥有站点 A 和 B，并且它们位于不同的域中，则可以使用 HTML5 postMessage 功能实现跨文档消息传递。

postMessage 的一个很好的包装可以在这里找到。如果可能，它使用 jQuery，并回退到 IE7 上的位置散列。

Answer 2

当域不同时，您只能列出从内部 iframe 加载的网站。

如果您使用的是 jQuery：

<script>
var webList=[];
$("document").ready(function(){
    $("#b").load(function(){
        webList.push($(this).attr("src"));
    });
})
</script>
<iframe id="b"></iframe>