关于Ifream使用js使高度自适应的问题.请求帮助

http://blog.csdn.net/meizz/archive/2006/03/27/639857.aspx

解决方案 »

  1.   

    <html>  
    <head>  
       <meta  http-equiv='Content-Type'  content='text/html;  charset=gb2312'>  
       <meta  name='author'  content='F.R.Huang(meizz梅花雪)//www.meizz.com'>  
       <title>用  iframe  模拟  frame  使网架网页能够居中</title>  
    </head>  
     
    <body  topmargin=0  leftmargin=0><center>  
    <table  border=0  width=780  height=100%  cellspacing=0  cellpadding=0  align=center>  
       <tr><td  width=780  colspan=2  height=100>  
               <iframe  width=100%  height=100%  frameborder=1></iframe>  
       </td></tr>  
       <tr>  
           <td  width=180>  
               <iframe  width=100%  height=100%  frameborder=1></iframe>  
           </td>  
           <td  width=600  valign=top><div  style="height:  100%">  
               <iframe  width=100%  height=100%  name="MzMain"  frameborder=1  
                 id="MzMain"  src="用iframe模拟frame子页.htm"></iframe>  
           </div></td>  
       </tr>  
    </table>  
    </center></body></html>  
     
     
    用iframe模拟frame子页.htm  
    <html>  
    <head>  
       <meta  http-equiv='Content-Type'  content='text/html;  charset=gb2312'>  
       <meta  name='author'  content='F.R.Huang(meizz梅花雪)//www.meizz.com'>  
       <title>iframe  自适应其加载的网页(多浏览器兼容)</title>  
       <script  language=javascript>  
       function  iframeAutoFit()    //author:  meizz(梅花雪  20041225)  
       {  
           if(self!=top  &&  window.name=="MzMain")  //这个  name  对应的是  iframe  的  name  
           {  
               var  iframe  =  parent.document.getElementById(window.name);  
               if(iframe)  
               {  
                   iframe.parentNode.style.height  =  iframe.style.height;  
                   iframe.style.height  =  10;  
                   var  h  =  document.body.scrollHeight;  
                   var  minimalHeight  =  parseInt((window.screen.width*11)/16,  10)  -  280;  
                   h  =  h<minimalHeight  ?  minimalHeight  :  h;  
                   if(window.navigator.appName  ==  "Microsoft  Internet  Explorer"  
                       &&  iframe.frameBorder=="1")  h  +=  4;  
                   iframe.parentNode.style.height  =  iframe.style.height  =  h;  
               }  
               else  alert("Iframe's  id  unequal  to  iframe's  name!");  
           }  
       }  
       if(document.attachEvent)  window.attachEvent("onload",  iframeAutoFit);  
       else  window.addEventListener('load',  iframeAutoFit,  false);  
       </script>  
    </head>  
    <body>  
       <span  style="width:  300;  height:  400;  background-color:  yellow">  
           iframe  自适应其加载的网页(多浏览器兼容)  
       </span>  
    </body>  
    </html>
    －－
    ＭＥＩｚｚ的
      

  2.   

    <iframe id=test name=p onload='reSizeFrame("test")' src="12312.html"></iframe>在12312.html中
    onload="parent.document.all.p.style.height=document.body.scrollHeight"
      

  3.   

    楼上的方法可行
    <iframe id=test name=p onload='reSizeFrame("test")' src="12312.html"></iframe>
    在12312.html中
    onload="parent.document.all.test.style.height=document.body.scrollHeight">
    ==>不是document.all.p
      

  4.   

    楼上的方法可行
    <iframe id=test name=p onload='reSizeFrame("test")' src="12312.html"></iframe>
    在12312.html中
    onload="parent.document.all.test.style.height=document.body.scrollHeight">
    ==>不是document.all.p
    ------------------------------------------------------------------------------
    onload="parent.document.all('iframe名字').height=document.body.scrollHeight"也可以用JS
    12312.html
    加在页面最后
    <script language="Javascript">
    function doIt()
    {
    parent.document.all.yibo.style.height=document.body.scrollHeight;
    }
    onload=doIt
    </script>--b.html--
    <iframe name="p" scrolling="no" frameborder="0" src="12312.html"" marginwidth="0" marginheight="0" width=100%>注意：name="p"和parent.document.all."p".style.height=document.body.scrollHeight;要一致!