从不同域中的框架/iframe 获取顶部窗口 url

Question

我有一个网页，里面有一些 javascript，它将作为 iframe 嵌入到不同的网站中。我需要根据运行它的网站调整我的页面的行为。为此，我尝试从我的页面读取top.location.href，但这引发了错误：

不安全的 JavaScript 尝试使用 URL http://website.url 访问框架 来自 URL http://mypage.url 的框架。域、协议和端口 必须匹配。

有没有办法解决这个问题？

Answer 1

在最常见的情况下，您确实可以检索 iframe 的父 url。如果 iframe 仅深一层，则此方法将起作用：

var parentURL = document.referrer

https://developer.mozilla.org/en-US/docs/Web/API/document.referrer

我在创建 iframe 小部件时使用了这种方法。请记住，如果您想要顶级窗口位置，但它不是 iframe 的父窗口......您将无法获得它。此外，如果您的小部件在 iframe 内导航，则引用者将发生变化。

可以在他的博客上找到 Nicholas Zakas 的另一篇精彩文章： http://www.nczonline.net/blog/2013/04/16/getting-the-url-of-an-iframes-parent/

Answer 2

这与您所说的相同来源政策相同，并且出于安全原因而实施。如果不更改用户浏览器，就无法绕过它。