iframe 子父窗口中js相互调用

父窗口调用子窗口的方法

myFrame.window.childAction();

注: myFrame : iframe 的name属性值
    childAction() : 子窗口中定义的childAction方法
子窗口调用父窗口中的方法

parent.parentAction();

注: parentAction() : 父窗口中定义的parentAction方法

举例说明:
父窗口代码:

<html>
<head>
    <script type="text/javascript">
        function parentAction() {
            alert("parent function");
        }
        function callChild()
        {
            myFrame.window.childAction();
        }
    </script>
</head>
<body>
<input type=button value="调用子窗口中的方法" onclick="callChild()">
<iframe name="myFrame" src="child"></iframe>
</body>
</html>

子窗口代码:

<html>
<head>
    <script type="text/javascript">
        function childAction() {
            alert("child function");
        }
        function callParent() {
            parent.parentAction();
        }
    </script>
</head>
<body>
<input type=button value="调用父窗口中的方法" onclick="callParent()">
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值