IFrame 自动调整高度 兼容所有浏览器

之前在网上找的IFrame自动调整高度,测试了下方法都是不能兼容所有浏览器,  经结合所有方法改动并测试, 所有浏览器全部可以自动调整高度, 花了不少时间, 拿出来共享下。

 

function autoHeight(down) {

 var pTar = null;
 if (document.getElementById) {
  pTar = document.getElementById(down);
 } else {
  eval('pTar = ' + down + ';');
 }
 if (pTar && !window.opera) {
  // begin resizing iframe
  pTar.style.display = "block"
  if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight) {
   // ns6 syntax
   pTar.height = pTar.contentDocument.body.offsetHeight + 20;
  } else if (pTar.Document && pTar.Document.body.scrollHeight) {
   // ie5+ syntax
   pTar.style.height = pTar.Document.body.scrollHeight;
  } else {
   pTar.style.height = "0px"; // 避免在火狐下读取上个页面的大的高度
   var h1 = pTar.contentDocument.body.offsetHeight;
   var h2 = pTar.contentWindow.document.documentElement.scrollHeight;
   height = Math.max(h1, h2);
   pTar.style.height = height + "px";
  }
 } else {
  alert("forx");
 }

}

 

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值