iframe用法

最新推荐文章于 2025-09-10 19:44:49 发布

weixin_30333885

最新推荐文章于 2025-09-10 19:44:49 发布

阅读量57

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wangqun1234/p/7724100.html

子页面调用父页面方法：parent.window.parentMethod()；

var a = parent.window.document.getElementById("");

这样可以在多iframe嵌套的情况下从子iframe获取到父iframe的id，直接从子页面代码中改变父页面iframe的属性，比如返回列表按钮功能；

父页面调用子页面方法：FrameName.window.childMethod()；

<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>

转载于:https://www.cnblogs.com/wangqun1234/p/7724100.html