iframe父子級相互呼叫

else發表於2021-09-09

父級：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" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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>



來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/2318/viewspace-2817095/，如需轉載，請註明出處，否則將追究法律責任。

相關文章