码迷,mamicode.com
首页 > 其他好文 > 详细

iframe父子级相互调用

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

标签:父子级相互调用   child   parent   

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

标签:父子级相互调用   child   parent   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!