根据iframe里页面的内容来控制父窗口iframe高度

 

在包含的IFrame页面里：
<TABLE WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1>
<TR>
 <TD>
<iframe id=zz src="a.asp" height=100% scrolling=no></iframe></TD>
</TR>
</TABLE>

在a.asp里加上这些代码：
<SCRIPT LANGUAGE=javascript>
<!--
window.onload=function(){
var ptd = window.parent.document.getElementById("zz");
ptd.style.height = document.body.scrollHeight;
}
//-->
</SCRIPT>

 

原作地址：http://465209598.blog.163.com/blog/static/87469824201041711256168/

 

====================================================

另外一种用法：

js函数：

//reset iframe height dynamically.
   function resetIframeHeight(obj){
     var cwin=obj;
     if (document.getElementById){
       if (cwin && !window.opera){
         if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight){
          //alert("cwin.contentDocument.body.offsetHeight="+cwin.contentDocument.body.offsetHeight);
           cwin.height = cwin.contentDocument.body.offsetHeight;
         }else if(cwin.Document && cwin.Document.body.scrollHeight){
           cwin.height = cwin.Document.body.scrollHeight;
          //alert("cwin.Document.body.scrollHeight="+cwin.Document.body.scrollHeight);
         }
       }
     }
   }

 

html代码：

<iframe id="workspaceframe" name="workspaceframe" width="100%" height="100%" style="vertical-align: top;" frameborder="0" onload="Javascript:resetIframeHeight(this);"></iframe>