首页 > 代码库 > iframe父子级相互调用

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="http://www.mamicode.com/调用child.html中的函数say()" onclick="callChild()">

    <iframe name="fuji" src="http://www.mamicode.com/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="http://www.mamicode.com/调用parent.html中的say()函数" onclick="callParent()">

</body>


</html>



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

iframe父子级相互调用