JS方法在iframe父子窗口间的调用

2023-05-25,,

本文向大家简单介绍一下iframe父子窗口间JS方法调用,JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用,希望本文介绍对你有所帮助。

iframe父子窗口间JS方法调用

父窗口调用iframe子窗口方法

    <iframenameiframename="myFrame"src="child.html">
    </iframe>
    myFrame.window.functionName();

iframe子窗口调用父窗口方法

    parent.functionName();

父窗口页

    <html>
    <head>
    <scripttypescripttype="text/javascript">
    functionsay(){
    alert("parent.html------>I'matparent.html");
    }
    functioncallChild()
    {
    //document.frames("myFrame").f1();
    myFrame.window.say();
    }
    </script>
    </head>
    <body>
    <inputtypeinputtype=buttonvalue="调用child.html中的
    函数say()"onclick="callChild()">
    <iframenameiframename="myFrame"src="child.html"></iframe>
    </body>
    </html>

子窗口页面

    <html>
    <head>
    <scripttypescripttype="text/javascript">
    functionsay()
    {
    alert("child.html--->I'matchild.html");
    }
    functioncallParent(){
    parent.say();
    }
    </script>
    </head>
    <body>
    <inputtypeinputtype=buttonvalue="调用parent.html中的
    say()函数"onclick="callParent()">
    </body>
    </html>

JS方法在iframe父子窗口间的调用的相关教程结束。

《JS方法在iframe父子窗口间的调用.doc》

下载本文的Word格式文档,以方便收藏与打印。