本文向大家簡單介紹一下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>
-