调用iframe中定义的Javascript函数

时间:2014-03-03 13:15:16

标签: javascript jquery iframe

我想调用iframe

中的javascript函数(在click()上)
<a onclick="abc();" href=# >Call Function which is inside Iframe </a>

<iframe id=myFrame>
   <script>
     function abc(){
         alert("I am inside Iframe");
     }
    </script>
</iframe>

如果JQuery中有解决方案会更好。

谢谢

3 个答案:

答案 0 :(得分:32)

你可以这样做:

<a onclick="$('#myFrame')[0].contentWindow.abc();">Call function which is inside of Iframe</a>

基本上,我得到了对iframe的引用。 contentWindow是iframe的全局(窗口)对象,文档中的所有全局函数都是窗口的方法。

作为备注,只有两个页面(包含iframe的页面和iframe中的页面来自同一个域)都可以执行此操作。

答案 1 :(得分:24)

使用此功能访问您的框架功能:

    document.getElementById('myFrame').contentWindow.abc()

答案 2 :(得分:2)

你也可以给iframe一个名字='frameName',然后从父母那里引用如下:
的onclick = “window.frameName.abc()”