如何使用JS调用iframe中的函数

How to invoke a function in iframe using JS?

本文关键字：函数 iframe 调用 何使用 JS      更新时间：2023-09-26

如何使用JS调用iframe中的函数或如何甚至针对iframe?我试过使用document.getElementByID("myIframe")，但它似乎不起作用。下面是HTML的基本形式:

<html>
<head>
<script>
    function runFunction() {
        var win = document.getElementByID("myIframe");
    }
</script>
</head>
    <body onload="runFunction()">
        <iframe id="myIframe" name="myIframe" src="http://www.myothersite.com/"></iframe>
    </body>
</html>

我的另一个站点有一个名为getEvents()的函数，我想以某种方式调用它。任何帮助都将非常感激。

您应该能够访问iframe并使用以下命令调用该函数:

// reference to window in iframe with id or name 'myIframe'
var win = window.frames['myIframe'];
// invoke function in win
win.getEvents();

您可以使用contentWindow属性，该属性可用于访问属于iframe元素的窗口对象。

contentWindow属性通过iFrame元素返回Window对象(通过Window对象，您可以访问文档对象，然后访问文档的任何一个元素)。这个DOM属性是只读的。

document.getElementById("myIframe").contentWindow.getEvents();
相关文章：