iframe框架高度自适应的实现

转载 2007年09月27日 10:45:00

解决iframe框架页面自适应高度问题代码如下,需要注意的是框架引用页面一定要设置name属性,否则会不生效

方案一:
<iframe src="test.asp" width="100%" frameborder="0" scrolling="no" name="hj" id="hj"></iframe>

test.asp页面head间增加如下JS代码

<SCRIPT LANGUAGE="JavaScript">

function f_frameStyleResize(targObj){

 var targWin = targObj.parent.document.all[targObj.name];

 if(targWin != null) {

  var HeightValue = targObj.document.body.scrollHeight

  if(HeightValue < 600){HeightValue = 600} 

  targWin.style.pixelHeight = HeightValue;

 }

}

function f_iframeResize(){

 bLoadComplete = true; f_frameStyleResize(self);

}

var bLoadComplete = false;

window.onload = f_iframeResize;

</SCRIPT>  

方案二:

<iframe name="I1" src="product_in.asp" onload="document.all('I1').style.height=I1.document.body.scrollHeight;" border="0" frameborder="0" width="605" height="346" style="border-style: solid; border-width: 0; padding: 0" marginwidth="1" marginheight="1" scrolling="no"></iframe>

 

【HTML/JS】实现iFrame自适应高度,原来很简单!

http://www.cnblogs.com/skywind/archive/2007/07/24/829550.html 看到了吧,关键就在于onload="this.height=iFram...
  • CrackLibby
  • CrackLibby
  • 2016年06月16日 17:57
  • 431

asp.net中iframe框架自适应高度的一种解决方法

在页面上添加一下JavaScript代码: function SetCwinHeight(){ var myframe=document.getElementById("iframe2");...
  • yangmingxing980
  • yangmingxing980
  • 2014年03月10日 17:00
  • 1197

如何让iframe框架自适应内容高度

$(function(){   var document_height="";   //iframe自适应高度   var timeIframe;   window.onload=func...
  • benben1164
  • benben1164
  • 2016年11月09日 11:09
  • 704

Iframe框架高度自适应的实现

(一)Iframe框架高度自适应的实现 Iframe框架高度自适应的实现,一个很牛的团队写的,简单的说就是在A.html中iframe引用B.htm(高度是不断变化的)并且自适应高度.网上也有很多方...
  • wujie_cnhn123456
  • wujie_cnhn123456
  • 2015年03月13日 09:42
  • 382

iframe框架高度自适应的实现

解决iframe框架页面自适应高度问题代码如下,需要注意的是框架引用页面一定要设置name属性,否则会不生效方案一:test.asp页面head间增加如下JS代码function f_frameSty...
  • Nbboy_net
  • Nbboy_net
  • 2006年05月11日 15:17
  • 1461

内联框架高度iframe自适应问题

这两天这项目遇到一个难题。网页左边是菜单栏,右边是内联框架。根据菜单栏的点击改变右边内联框架的链接页面,那么问题来了,不同的页面高度不一样。  一直在网上找各种解决方法,但都不能完美解决我的...
  • qq_30604453
  • qq_30604453
  • 2016年10月04日 20:59
  • 983

iframe自适应高度以及调用父子窗口的方法

iframe: 1.   高度与父窗口一致  自适应 function loginFrame(){
  • u012499210
  • u012499210
  • 2016年06月19日 17:29
  • 1093

iframe框架的高度自适应

iframe框架的高度自适应
  • happy6115
  • happy6115
  • 2015年05月06日 11:28
  • 258

html iframe自适应高度的多种方法方法小结

对于自适应高度的代码有很多,可效率什么的考虑进来好代码就不多见了,不过思路倒是差不多的...
  • qilixiang012
  • qilixiang012
  • 2014年07月21日 16:48
  • 1468

真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变

今天有朋友问到我关于“iframe自适应高度”的问题,原本以为是很简单的问题,没想到折腾了20分钟才搞定。期间遇到几个问题,要么是高度自适应了,但是当窗口改变时会出现滚动条。也就是当窗口放大时ifra...
  • alex8046
  • alex8046
  • 2016年05月19日 18:37
  • 143909
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iframe框架高度自适应的实现
举报原因:
原因补充:

(最多只允许输入30个字)