如何动态调整IFrame的大小？

http://support.microsoft.com/default.aspx?scid=http://support.microsoft.com:80/support/kb/articles/q278/4/69.asp&NoWebContent=1

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <SCRIPT LANGUAGE=javascript>
    <!--
    function reSize(obj)
    {
    try{
    var oBody = ifrm.document.body;
    var oFrame = obj;
    if(oFrame.src=='about:blank'){
    oFrame.style.height = '500px';
    }
    else{
    oFrame.style.height = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight);
    }
    oFrame.style.width = '100%';
    }
    catch(e){
    window.status = 'Error: ' + e.number + '; ' + e.description;
    }
    }
    function LoadPage(obj,obj1){
    obj.src = obj1;
    reSize(obj);
    }
    //-->
    </SCRIPT>
    </HEAD>
    <BODY>
    <iframe onresize=reSize(this) id=ifrm src='about:blank'></iframe>
    <input type="button" value="Resize" onClick="reSize(document.getElementById('ifrm'))">
    <input type="button" value="LoadPage" onClick="LoadPage(document.getElementById('ifrm'),'iniframe.html')">
    </BODY>
    </HTML>
      

  2.   

    完整的测试页面可以调整大小页面：
    <HTML>
    <HEAD>
    <SCRIPT LANGUAGE=javascript>
    <!--
    function reSize(obj)
    {
    try{
    var oBody = ifrm.document.body;
    var oFrame = obj;
    if(oFrame.src=='about:blank'){
    oFrame.style.height = '500px';
    }
    else{
    //alert(oBody.style.scrollHeight);
    var realHeight = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight);
    //alert(realHeight);
    if(oBody.scrollHeight >=500){
    oFrame.style.height = realHeight;
    //alert(oFrame.style.height);
    }
    else{
    oFrame.style.height = '500px';
    }
    }
    oFrame.style.width = '100%';
    }
    catch(e){
    window.status = 'Error: ' + e.number + '; ' + e.description;
    }
    }
    function LoadPage(obj,obj1){
    obj.src = obj1;
    //setTimeout("reSize(obj)",100);
    }
    //-->
    </SCRIPT>
    <style>
    .ab{
    aaa:expression(reSize(this));
    }
    </style>
    </HEAD>
    <BODY>
    dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>
    dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>
    dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>
    dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>dafsdfas<p>
    <iframe onresize=reSize(this) id=ifrm src='about:blank' class="ab"></iframe>
    <input type="button" value="Resize" onClick="reSize(document.getElementById('ifrm'))">
    <input type="button" value="LoadBigPage" onClick="LoadPage(document.getElementById('ifrm'),'iniframe.html')">
    <input type="button" value="LoadSmallPage" onClick="LoadPage(document.getElementById('ifrm'),'Untitled-y.htm')">

    </BODY>
    </HTML>
      

  3.   

    <iframe name="test"  src="a.jsp" width=100% Frameborder=No Border=0 Marginwidth=0 Marginheight=0 Scrolling=No onload='var f=document.all["test"]; var b=f.Document.body; f.height=b.scrollHeight'></iframe>起作用的是：onload='var f=document.all["test"]; var b=f.Document.body; f.height=b.scrollHeight'