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

Posted zhenximeiyitian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了主页面获取iframe 的子页面方法。相关的知识,希望对你有一定的参考价值。

父页面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>

 

js获取路径中的文件名

   var lujing=document.getElementById("content").src;

        lujing=lujing.split("/");

      var lujing1=lujing[lujing.length-1];  

 

以上是关于主页面获取iframe 的子页面方法。的主要内容,如果未能解决你的问题,请参考以下文章

对iframe的探究

主页面使用iframe引入的登录页面当点击登录的时候要刷新主页面怎么弄?

跨域和非跨域 获取iframe页面高度的方法

如何让iframe框架和主页面共用一个滚动条(也称为:iframe高度自适应问题)

JS__框架主页面F5刷新iframe框架页面

一个页面可以用多个iframe吗