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

子

function changeParentheight(){ 
var he = $("body").height(); 
parent.ParentOpt(he);
}

父

function ParentOpt(i)
{  
$("iframe").attr("height",i); 
}

iframe父子窗口间JS方法调用

父窗口调用iframe子窗口方法


  1. <iframenameiframename="myFrame"src="child.html">
  2.  
  3. </iframe>
  4.  
  5. myFrame.window.functionName();  


iframe子窗口调用父窗口方法


  1. parent.functionName();  
  2.  


父窗口页面


  1. <html>
  2. <head>
  3. <scripttypescripttype="text/javascript">
  4.  
  5. functionsay(){  
  6. alert("parent.html------>I'matparent.html");  
  7. }  
  8.  
  9. functioncallChild()  
  10. {  
  11. //document.frames("myFrame").f1();  
  12. myFrame.window.say();  
  13. }  
  14. </script>
  15. </head>
  16.  
  17. <body>
  18. <inputtypeinputtype=buttonvalue="调用child.html中的  
  19. 函数say()"onclick="callChild()">
  20. <iframenameiframename="myFrame"src="child.html"></iframe>
  21. </body>
  22. </html>
  23.  


子窗口页面


  1. <html>
  2. <head>
  3. <scripttypescripttype="text/javascript">
  4.  
  5. functionsay()  
  6. {  
  7. alert("child.html--->I'matchild.html");  
  8. }  
  9.  
  10. functioncallParent(){  
  11. parent.say();  
  12. }  
  13. </script>
  14. </head>
  15. <body>
  16. <inputtypeinputtype=buttonvalue="调用parent.html中的  
  17. say()函数"onclick="callParent()">
  18. </body>
  19. </html>
  20.