主页面获取iframe 的子页面方法。

最新推荐文章于 2023-06-16 11:26:41 发布

weixin_30443895

最新推荐文章于 2023-06-16 11:26:41 发布

阅读量450

点赞数

CC 4.0 BY-SA版权

文章标签：开发工具 golang javascript ViewUI

原文链接：http://www.cnblogs.com/275147378abc/p/5617556.html

本文介绍了一个简单的HTML父子页面间的JavaScript函数调用示例。父页面通过iframe嵌入子页面，并提供了调用对方页面中定义函数的方法。此外，还展示了如何通过JavaScript获取文件路径中的文件名。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

父页面parent.html

<html>
<head>
    <script type="text/javascript">
        function say(){
            alert("parent.html");
        }
        function callChild(){
            myFrame.window.say();
            myFrame.window.document.getElementById("button").value="调用结束";
        }
    </script>
</head>
<body>
    <input id="button" type="button" value="调用child.html中的函数say()" onclick="callChild()"/>
    <iframe name="myFrame" src="child.html"></iframe>
</body>
</html>

子页面child.html

<html>
<head>
    <script type="text/javascript">
        function say(){
            alert("child.html");
        }
        function callParent(){
            parent.say();
            parent.window.document.getElementById("button").value="调用结束";
        }
    </script>
</head>
<body>
    <input id="button" type="button" value="调用parent.html中的say()函数" onclick="callParent()"/>
</body>
</html>