扭转乾坤目览十方http://blog.yesky.com/Blog/hkongm/复制地址
控制面板
日历
<2008年10月>
SuMoTuWeThFrSa
2829301234
567891011
12131415161718
19202122232425
2627282930311
2345678
留言簿(2)
文章档案
from meizz
如何在打开这个页面时得到这个页面的高度?  
一个框架面面,包含三个页面  
头,左,右三个页面  
右面的页面是主显示区会有滚动条,如何让整个框架页有滚动条,而不是单个页面出滚动条。  
---------------------------------------------------------------  
 
<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>


这是另一种:
<span id="ospan">
<iframe width="100%" height="100%" id="message_group" src="link_message.html" frameBorder=0 onload="ospan.style.height=message_group.document.body.scrollHeight;"><br>
</iframe>
</span>

作者:多蒙的Blog 阅读() 评论()  编辑 发表于:2005-02-01 10:08
相关内容
文章评论

  • # re: Iframe 自适应其加载的网页高度(多浏览器兼容版)
  • sdfsdf
    sdf | 2006-06-30 19:00

    发表评论
    标题 *  
    姓名 *  
    内容 *  
       验证码: *       
           
    版权声明:天极是本Blog托管服务提供商。如本文牵涉版权问题,天极不承担相关责任,请版权拥有者直接与文章作者联系解决。
    Powered by:

    Copyright © 多蒙