本文向大家简单介绍一下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>