`
wrong1111
  • 浏览: 253378 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

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

阅读更多

代码:

 

 

<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>
 
分享到:
评论

相关推荐

    JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    通过使用jQuery来实现iframe的高度自适应,我们可以确保内容在不同浏览器(包括IE、Firefox、Safari和Chrome)中的显示一致性,无论iframe内嵌的页面有多复杂。 首先,我们需要理解iframe的基本概念。IFrame,即...

    iframe 自适应高度[在IE6 IE7 FF下测试通过]

    // iframe自适应高度[在IE6 IE7下测试通过] function reSetIframe(){ var iframe = document.getElementById("iframeId"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight =...

    JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)

    为了解决这个问题,我们可以利用JavaScript库jQuery来实现IFrame的高度自适应,确保无论内容如何变化,IFrame都能够自动调整高度以适应其内容,同时兼容不同的浏览器,如IE、Firefox、Safari和Chrome。 首先,我们...

    js实现的真正的iframe高度自适应(兼容IE,FF,Opera)

    本文将深入探讨如何使用JavaScript实现一个真正兼容IE、Firefox(FF)、Opera的`iframe`高度自适应解决方案。 首先,`iframe`高度自适应的主要目的是确保内嵌页面的完整内容可以在不显示滚动条的情况下完全展示。...

    IE FF OPERA都可用的弹出层实现代码

    标题中的“IE FF OPERA都可用的弹出层实现代码”指的是这段JavaScript代码可以在Internet Explorer (IE)、Firefox (FF) 和 Opera 浏览器中兼容地创建一个弹出层,即一个浮动在页面上的对话框或信息提示窗口。...

    ExtAspNet_v2.3.2_dll

    -增加示例(iframe/parent_postback_run3.aspx),如何通过简单的Javascript代码回发父页面(feedback:eroach)。 -修正一些书写错误(feedback:bmck)。 -从Region控件中删除SplitColor属性,增加CollapseMode, ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -增加示例(iframe/parent_postback_run3.aspx),如何通过简单的Javascript代码回发父页面(feedback:eroach)。 -修正一些书写错误(feedback:bmck)。 -从Region控件中删除SplitColor属性,增加CollapseMode, ...

Global site tag (gtag.js) - Google Analytics