iframe父子级相互调用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe父子级相互调用相关的知识,希望对你有一定的参考价值。

父级:parent.html

调用孩子方法:fuji.window.functionName(); 

<!doctype html>

<html>


<head>

    <script type="text/javascript">

        function say() {

            alert("parent.html------>I‘m at parent.html");

        }


        function callChild() {

            //document.frames("myFrame").f1(); 

            myFrame.window.say();

        }

    </script>

</head>


<body>

    <input type=button value="调用child.html中的函数say()" onclick="callChild()">

    <iframe name="fuji" src="child.html"></iframe>

</body>


</html>

父级:child.html

调用孩子方法:parent.functionName(); 

<!doctype html>

<html>


<head>

    <script type="text/javascript">

        function say() {

            alert("child.html--->I‘m at child.html");

        }


        function callParent() {

            parent.say();

        }

    </script>

</head>


<body>

    <input type=button value="调用parent.html中的say()函数" onclick="callParent()">

</body>


</html>



本文出自 “12425773” 博客,转载请与作者联系!

以上是关于iframe父子级相互调用的主要内容,如果未能解决你的问题,请参考以下文章

iframe父子级相互调用

iframe父子页面相互调用方法,相互获取元素

框架父子页面iframe相互调用方法

JQuery javascript实现父子页面相互调用

layui使用layer弹出层父子页面事件相互调用方法

父子页面(iframe)相互获取对方dom元素