javascript - 可以从不同子域上的 iframe 访问父页面上的功能吗？

Question

我正在尝试从 iframe 访问位于父页面上的函数。我收到以下错误，因为他们使用不同的子域:

未捕获的安全错误:阻止了来源为“http://subdomain.domain.com”的框架访问来源为“http://subdomain2.domain.com”的框架。协议(protocol)、域和端口必须匹配。

我正在使用:

window.parent.myFunction(); 

访问父页面上的函数。

是否有解决此问题的方法，还是因为它们是不同的子域而根本不起作用？

Answer 1

Blocked a frame with origin "http://subdomain.domain.com" from accessing a frame with origin "http://subdomain2.domain.com"

如果你添加一行:

document.domain = 'domain.com';

对于两个框架中的脚本，它们将能够直接与彼此的对象进行交互。参见 MDN背景。

然而，跨框架脚本到处都是令人讨厌的极端情况，其中一个框架从另一个框架执行某事，而该框架正忙于做其他事情，或者尚未完全加载。对于任何重要的事情，我都会避免直接跨框架脚本。

更现代的替代方案是在单个框架内执行，并使用 postMessage 跨框架通信. Support.