如何从父页面调用iframe中的函数？

如何从父页面调用iframe中的函数？

Answer 1

只要框架页面位于同一个域（或在子域上，并且您正在设置document.domain），您就需要访问frame元素的contentWindow属性。 例如：

$("#myFrame")[0].contentWindow.myFunction(); // or, if jQuery hasn't made you lazy document.getElementById("myFrame").contentWindow.myFunction(); 

大多数浏览器也支持contentDocument ，但Internet Explorer不支持。 如果您的框架页面位于不同的域上，那么您将收到“拒绝访问”错误。

Answer 2

 $("iframe").each(function() { $(this).one("load", function() { $(this)[0].contentWindow.myFunction(); }); }); 

有必要加载iframe;）

Answer 3

像专业人士那样做：

 $("#myFrame").prop('contentWindow').abc(); 

Answer 4

你试过了吗？

 top.frames['my_frame'].myFunc(); 

Answer 5

您可以使用其ID选择iFrame

 document.getElementById(iframeId).contentDocument 

但我不确定您是否可以访问其JavaScript，尤其是如果子iFrame来自不同的域

Answer 6

像专业人士那样做：

 $("#myFrame").prop('contentWindow').abc();