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>

 

Iframe框架高度自适应的实现.doc

  • 2012年12月08日 21:01
  • 37KB
  • 下载

Iframe框架高度自适应的实现

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

js 实现 iframe自适应高度

  • 2010年03月31日 11:24
  • 1KB
  • 下载

table+div+iframe打造高度自适应的后台布局框架(需要用JS控制大小)

discuz后台用的就是这种结构,用table撑开布局,在table里写div,用于菜单栏目的布局,在主体区域用iframe,作为页面容器。 html代码: 1 2 ...

js实现iframe自适应高度

  • 2012年03月01日 14:22
  • 1KB
  • 下载

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

在网上找了很多的iframe自适应高度的脚本,对浏览的的兼容性都不好。所以就想利用jquery强大的兼容性,写一个iframe自适应高度的脚本。 jquery很强大,代码很简单: $("#i...

table+div+iframe打造高度自适应的后台布局框架(需要用JS控制大小)

写的不错,所以转载了。 discuz后台用的就是这种结构,用table撑开布局,在table里写div,用于菜单栏目的布局,在主体区域用iframe,作为页面容器。 html代码: ...
  • yipanbo
  • yipanbo
  • 2016年08月18日 18:50
  • 1914

非js实现iframe高度自适应实现

在baidu输入iframe高度自适应,文章很多,问问题的人也非常之多,解决办法也是五花八门,但基本上都是用js获取子页面高度再设置iframe的高度来实现的,这种实现方式,维护成本比较高,而且兼容性...
  • rainkid
  • rainkid
  • 2011年09月15日 14:44
  • 7771

iframe自适应高度

  • 2013年04月20日 20:18
  • 4KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iframe框架高度自适应的实现
举报原因:
原因补充:

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