iframe子页面调用父页面函数介绍

在iframe子页面中调用父页面的函数，可以通过以下几种方式实现：

使用window.parent访问父窗口对象：在子页面中，可以通过window.parent来访问父页面的window对象，进而调用父页面的函数。

window.parent.parentFunction();

使用window.top访问顶级窗口对象：在子页面中，如果嵌套多层iframe，可以使用window.top来访问最顶层的窗口对象，进而调用父页面的函数。

window.top.parentFunction();

在父页面中定义公共函数：在父页面中定义一个公共函数，并在子页面中通过该函数名称来调用。

父页面代码：

<script>
function parentFunction() {
// 实现父页面的功能
}
</script>

子页面代码：

<script>
parent.parentFunction(); // 调用父页面的函数
</script>

注意：以上方法都假设iframe的跨域设置允许访问父页面。如果iframe的跨域设置不允许访问父页面，则需要通过其他方式进行跨域通信，如使用postMessage()方法发送消息或者使用服务器端进行中转。