javascript解决iframe框架页面自适应高度问题

来源:互联网 发布:推荐一本自学java的书 编辑:程序博客网 时间:2024/09/21 09:00

本文采用javascript解决了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>