首页 > 其他 > 详细

iframe父子级相互调用

时间:2017-08-08 12:16:52      阅读:227      评论:0      收藏:0      [点我收藏+]

父级: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父子级相互调用

原文:http://12435773.blog.51cto.com/12425773/1954362

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!