内容显示页
 
类别:JavaScript | 浏览(166) | 2006-11-27 10:19:00 | 关闭广告

*******************************************************《方法一》****************************************************

main.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>  
      </head>  
     
      <body>
          <iframe src="child.htm"></iframe>
      </body>
</html>

child.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()
     {
        try
        {
           if(window!=parent)
           {
            var a = parent.document.getElementsByTagName("IFRAME");
              for(var i=0; i<a.length; i++) //author:meizz
              {
                 if(a[i].contentWindow==window)
                 {
                     var h = document.body.scrollHeight;
                     if(document.all) {h += 4;}
                     if(window.opera) {h += 1;}
                     a[i].style.height = h;
                 }
              }
           }
        }
        catch (ex)
        {
           alert("脚本无法跨域操作!");
        }
     }
     if(document.attachEvent)    window.attachEvent("onload",    iframeAutoFit);  
     else    window.addEventListener('load',    iframeAutoFit,    false);  
     </script>  
</head>  
<body>  
     <div    style="width:    200;    height:    400;    background-color:    yellow">  
         iframe    自适应其加载的网页(多浏览器兼容)  
     </div>  
</body>  
</html>

*******************************************************《方法二》****************************************************

parent.document.all("comment").style.height=document.body.scrollHeight+10;
parent.document.all("comment").style.width=document.body.scrollWidth-10;

把以上代码存为iframe.js

假如a.htm里iframe一个b.htm

那么在b.htm里这样引用iframe.js

<script src="iframe.js"></script>


引用本页地址:http://www.yongfa365.com/item/c2841f7968418f92.html
 
 
相关链接
 
网友评论:
姓名: 记住我
网址:
邮箱:
内容:
验证码:  验证码图片看不清? 换张图试试
 
   
 
 
文章分类
 
   

Power by :柳永法(yongfa365)'Blog | Model by :hibaidu | CSS by:众网友 | 京ICP备07011491号  QQ:64049027  E-mail:64049027qq.com

本空间赞助商:北京中科兴联信息技术有限公司