iframe 自适应高度JS代码,兼容FF ,IE

本文介绍了一种使用JavaScript来动态调整iframe元素高度的方法,确保iframe能够根据其内容自动伸缩,适用于不同浏览器环境。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

代码:

 

 

<iframe src="showmagzine.htm" id="magzineframe" name="magzineframe" align="center" frameborder=no width="100%" height=100% scrolling="no"  frameborder="1" bgcolor="#FFFFFF" onload="javascript:{dyniframesize('magzineframe');}">
	</iframe>

 

js 代码:

<script>
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]   
//extra height in px to add to iframe in FireFox 1.0+ browsers   
var FFextraHeight=getFFVersion>=0.1? 16 : 0    
function dyniframesize(iframename) {

  var pTar = null;   
  if (document.getElementById){     
    pTar = document.getElementById(iframename);   
  }else{   
    eval('pTar = ' + iframename + ';');   
  }   
  if (pTar && !window.opera){   
    //begin resizing iframe     
    pTar.style.display="block"  
    if (pTar.contentDocument && pTar.contentDocument.documentElement.scrollHeight){   
 
	      pTar.height =0;
		pTar.height=pTar.contentDocument.documentElement.scrollHeight;    
     

    }else if (pTar.Document && pTar.Document.body.scrollHeight){   
      //ie5+ syntax   
      pTar.height = pTar.Document.body.scrollHeight;   
       
      
    }   
  }     
} 


</script>
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值