javascript - 如何解决 parent.document 中的问题 "Blocked a frame with origin from accessing a frame with origin"

Question

我有 popup fancybox iframe 在我的网站上点击一个按钮打开，我有两个 url 来访问该网站

1. www.xyz.com
2. xyz.com

点击一个按钮会出现一个弹出窗口，在该页面中我得到如下父页面 URL

parent.document.title

在第一个 URL(www.xyz.com) 中工作正常，但在第二个 URL(xyz.com) 中，它抛出如下 JavaScript 错误

Uncaught SecurityError: Blocked a frame with origin "www.xyz.com" from accessing a frame with origin "xyz.com". Protocols, domains, and ports must match.  

基本上，我想检索父页面标题，如何使用 jquery/javascript 执行此操作

Answer 1

您需要做的是确保 iframe 不是从其他域名加载的。如果您已经为 iframe 编写了 HTML，则需要将其更改为如下所示:

<iframe src="http://www.xyz.com/iframe/page.html"></iframe>

像这样:

<iframe src="/iframe/page.html"></iframe>

这样做可以确保请求的 URL 始终来自当前域名，并且它应该按预期工作。如果您使用的是从链接中获取 URL 的插件，这也是相同的想法。取消域，以便从当前域加载。