从iframe调用父JS函数是可能的，但只有当父JS函数和加载在iframe中的页面都来自同一个域，即example.com，并且都使用相同的协议，即都在http://或https://.上

在以下情况下调用将失败:

父页面和iframe页面来自不同的域。 他们使用不同的协议，一个在http://上，另一个在https://.上

任何解决这个限制的方法都是非常不安全的。

例如，假设我注册了域名superwinningcontest。例如，发送链接到人们的电子邮件。当他们加载主页时，我可以在那里隐藏一些iframe，阅读他们的Facebook动态，查看最近的亚马逊或贝宝交易，或者(如果他们使用的服务没有实现足够的安全性)从他们的账户转钱。这就是JavaScript仅限于同一域和同一协议的原因。

使用following调用父页中帧的函数

parent.document.getElementById('frameid').contentWindow.somefunction()

如果iFrame的目标和包含的文档在不同的域中，之前发布的方法可能不起作用，但有一个解决方案:

例如，如果文档A包含一个包含文档B的iframe元素，并且文档A中的脚本在文档B的Window对象上调用postMessage()，那么消息事件将在该对象上触发，标记为源自文档A的Window。文档A中的脚本可能如下所示:

var o = document.getElementsByTagName('iframe')[0];
o.contentWindow.postMessage('Hello world', 'http://b.example.org/');

要为传入事件注册事件处理程序，脚本将使用addEventListener()(或类似的机制)。例如，文档B中的脚本可能是这样的:

window.addEventListener('message', receiver, false);
function receiver(e) {
  if (e.origin == 'http://example.com') {
    if (e.data == 'Hello world') {
      e.source.postMessage('Hello', e.origin);
    } else {
      alert(e.data);
    }
  }
}

该脚本首先检查域是否是预期的域，然后查看消息，它可以将消息显示给用户，也可以通过将消息发送回最初发送消息的文档来进行响应。

通过http://dev.w3.org/html5/postmsg/ 49岁

其中一些答案并没有解决CORS问题，或者没有明确地说明您将代码段放置在何处以使通信成为可能。

这里有一个具体的例子。假设我想点击父页面上的一个按钮，并让它在iframe中做一些事情。我是这么做的。

parent_frame.html

<button id='parent_page_button' onclick='call_button_inside_frame()'></button>

function call_button_inside_frame() {
   document.getElementById('my_iframe').contentWindow.postMessage('foo','*');
}

iframe_page.html

window.addEventListener("message", receiveMessage, false);

function receiveMessage(event)
    {
      if(event) {
        click_button_inside_frame();
    }
}

function click_button_inside_frame() {
   document.getElementById('frame_button').click();
}

要走另一个方向(点击iframe内的按钮调用iframe外的方法)，只需切换代码片段所在的位置，并更改如下:

document.getElementById('my_iframe').contentWindow.postMessage('foo','*');

:

window.parent.postMessage('foo','*')

在IFRAME中，让你的函数对窗口对象是公共的:

window.myFunction = function(args) {
   doStuff();
}

从父页面访问，使用这个:

var iframe = document.getElementById("iframeId");
iframe.contentWindow.myFunction(args);

继续JoelAnair的回答:

为了获得更强的健壮性，使用如下方法:

var el = document.getElementById('targetFrame');

if(el.contentWindow)
{
   el.contentWindow.targetFunction();
}
else if(el.contentDocument)
{
   el.contentDocument.targetFunction();
}

像魅力一样工作:)