iframe高度调整

71 篇文章 0 订阅
70 篇文章 0 订阅


关于iframe高度调整的方法,网上有很多。不过大多数都是在iframe onload 中加载。对于iframe加载之后,其中的页面高度再有动态变化的涉及不多,写了下面的代码在IE,mozilla, FF下通过。可以放在onload中加载,也可以在每次高度变化时手动调用。
不过好像对mozilla的某个低版本(具体版本忘了)有问题。
 
var GLOB_CONST_extraHeight_IE = 4; //using default value 4 of IE
var GLOB_CONST_extraHeight_NOIE = 16 ; //using default value 16 of FF
function autosize() {
 try {
               
  var iframe = parent.document.getElementsByTagName('iframe');
  var len = iframe.length;
  if (len <= 0) {
   return;
  }
  var i;
  if (iframe[0].contentDocument) { //for mozilla, firefox
   for (i = 0; i < len; i ++) {
    if (iframe[i].contentDocument == document) {
     iframe[i].style.height=document.body.offsetHeight +
GLOB_CONST_extraHeight_NOIE;
     return;
    }
   }
  }
  else { // for IE
   iframe = parent.document.frames;
   len = iframe.length;
   if (len <= 0) {
    return;
   }
   for (i = 0; i < len; i ++) {
    if (iframe[i].document == document) {
    iframe[i].frameElement.style.height=document.body.scrollHeight
+ GLOB_CONST_extraHeight_IE;

     return;
    }
   }
  }
 }catch(err) {
  alert(err.message);
 }
}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值