JavaScript调用iframe框架页面中的函数是一种常见的Web开发技术，它允许不同页面间的通信，尤其是在页面嵌套时。这里我们将深入探讨如何实现这一功能，并提供一些实际的代码示例。
要理解JavaScript如何访问iframe中的内容。每个iframe都有一个`contentWindow`属性，它代表了iframe内部的顶级窗口对象。通过这个属性，我们可以直接调用iframe中定义的任何可访问的函数。例如，假设我们有一个id为`commentIframe`的iframe，那么我们可以通过以下方式调用其内部的`hasLogined()`函数：
```javascript
document.getElementById('commentIframe').contentWindow.hasLogined();
```
这个调用应该在`window.onload`事件处理程序中执行，确保iframe已经加载完成。下面是一个简单的例子：
```html
<a href="#" onclick="window.frames['frame1'].MyNext()">aa</a>
<iframe id="frame1" src="2.html" ></iframe>
```
在`2.html`中，我们有这样一个函数：
```html
<script>
function MyNext() {
alert(1);
}
</script>
```
当用户点击`aa`链接时，`2.html`中的`MyNext()`函数会被调用，弹出一个警告框显示数字1。
除了直接调用函数，我们还可以在iframe之间传递参数。例如，如果你想在`index.html`中调用`inner.html`的一个名为`showInfo()`的函数，你可以这样做：
```javascript
self.frames['a'].showInfo(param);
```
在这个例子中，`a`是iframe的名称，`param`是传递给`showInfo()`函数的参数。
双向通信是可能的，即iframe也可以调用其父页面的函数。在`inner.html`中，如果要调用`index.html`的`ff()`函数，可以这样写：
```javascript
parent.window.ff();
```
而`index.html`中，我们已经有了一个`ff()`函数，并且通过`onclick`事件监听一个按钮来调用`inner.html`的`sonff()`函数：
```html
<input type="button" value="run inner page's function" onclick='window.frames["childPage"].sonff();' />
```
在`inner.html`中，我们定义了`sonff()`函数，同样可以通过`onclick`事件调用`index.html`的`ff()`函数：
```html
<input type="button" value="run index's function" onclick='parent.window.ff();' />
```
这些示例展示了JavaScript如何在不同的页面和iframe之间进行通信，这对于实现诸如用户交互、数据共享等功能非常有用。理解并掌握这种通信机制对于编写复杂的Web应用至关重要，因为它可以帮助你在不刷新整个页面的情况下更新部分内容，提高用户体验。
