iframe怎么打开调用函数

`iframe` 是一个 HTML 内联框架元素，它可以用来在网页中嵌入另一个 HTML 页面。当需要从一个页面向嵌入的 `iframe` 页面调用函数时，可以利用 `iframe` 的 `contentWindow` 对象，该对象允许当前页面访问 `iframe` 页面的 `window` 对象。

调用 `iframe` 中函数的基本步骤如下：

1. 确保 `iframe` 页面已经加载完成。可以通过监听 `iframe` 的 `load` 事件来确保页面加载完成。
2. 使用 `iframe` 的 `contentWindow` 属性获取 `iframe` 页面的 `window` 对象。
3. 通过获取到的 `window` 对象调用 `iframe` 页面中定义的函数。

下面是一个简单的示例代码：

<!-- 父页面 HTML -->
<iframe src="iframe_page.html" id="myIframe"></iframe>
<button onclick="callFunctionInIframe()">调用函数</button>

<script>
function callFunctionInIframe() {
  var iframeWindow = document.getElementById('myIframe').contentWindow;
  if (iframeWindow) {
    // 调用 iframe 页面中的函数
    iframeWindow.callMeFromParent();
  }
}
</script>

<!-- iframe 内嵌页面 HTML -->
<script>
// iframe 页面中的函数
function callMeFromParent() {
  alert('函数已被调用');
}
</script>

确保 `iframe` 页面和父页面同源，否则浏览器的同源策略会阻止跨域访问。