在iframe中使用js代码实现自动设置栽入的页面的高度

  1. http://blog.csdn.net/wumingwei_123/archive/2008/07/08/2624477.aspx 

    以前在项目中经常遇到 使用iframe的是时候子页的高度始终调整不好 
    为此很浪费时间 在网上搜索了哈 部分功能有 于是作了个修改 
    代码如下: 
    Java代码   收藏代码
    1. <script type="text/javascript">  
    2. //自动调整iframe框架的方法   
    3. function iframeAuto() {   
    4.  try {   
    5.     if(window!=parent) {  
    6.              //定位需要调整的frame框架(在父级窗口中查找)   
    7.              var a = parent.document.getElementsByTagName("IFRAME");   
    8.          for(var i=0; i<a.length; i++) {   
    9.          if(a[i].contentWindow==window){   
    10.                   var h1=0, h2=0;   
    11.                   a[i].parentNode.style.height = a[i].offsetHeight+"px";  
    12.                   a[i].style.height = "10px";     
    13.                   //首先设置高度为10px,后面会修改   
    14.                  if(document.documentElement&&  
    15.                       document.documentElement.scrollHeight){   
    16.                        h1=document.documentElement.scrollHeight;   
    17.                     }   
    18.                  if(document.body)   
    19.                      h2=document.body.scrollHeight;  
    20.                  var h=Math.max(h1, h2);        
    21.                  //取两者中的最大值   
    22.                  if(document.all) {h += 4;}   
    23.                  if(window.opera) {h += 1;}   
    24.                  //调整框架的大小   
    25.                  if(h>540) {  
    26.                    a[i].style.height=a[i].parentNode.style.height=h +"px";   
    27.                  } else {  
    28.                    a[i].style.height=a[i].parentNode.style.height= 540+"px";  
    29.                  }   
    30.                  //这个地方可以根据实际的情况进行修改   
    31.                }//end if   
    32.             }//end for  
    33.         }//end if  
    34.     } catch (ex)  
    35.     {}   
    36.   } //end function  
    37.     //事件绑定的方法,支持IE5以上版本   
    38.     if(window.attachEvent)  
    39.        {   
    40.           window.attachEvent("onload", iframeAuto);   
    41.        } else if(window.addEventListener) {   
    42.           window.addEventListener('load', iframeAuto, false);   
    43.        } //-->   
    44.   
    45. </script>  

    里面大部分的代码都已经注释了 我想应该很详细了 
    希望对大家有帮助 特别说明 这个写成文件后可以在多iframe的页面使用 互不干扰
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值