如何从父页面调用iframe中的jquery-ui对话框

Question

我正在使用Jquery-ui创建表单。按钮位于父页面中，代码位于另一页面中，该页面通过iframe嵌入到父页面中。任何人都可以告诉我如何从父页面的按钮调用Jquery-ui的对话框功能。

$( "#comment" ) 
.button()
 .click(function() 
{ parent.I1.f1(); });

// I1是帧ID  这是一个按钮

<button id="comment" name="comment">Comment</button>

这是在父页面上。

在另一个页面（Iframe页面）

function f1(){
 $("#comment" ).dialog("open"); 
} 

是定义的细节，对话框的代码在这里

jqueryui.com/demos/dialog/modal-form.html

Answer 1

为您的iframe添加ID（例如myiframe），然后执行以下操作：

document.getElementById('myiframe').contentWindow.function();

function()是您要执行的功能。

请记住，iframe中的页面需要与父页面位于同一个域中才能生效。

Answer 2

首先，如果相同的域名完全相同，只能运作，换句话说，iframe需要属于同一个网址，如果不是， a将抛出跨浏览器异常。

要在其他框架上调用javascript方法，您可以在此找到数千篇文章，只需阅读现有答案

  

Invoking JavaScript code in an iframe from the parent page