当前位置:首页 > 设计在线 > 网页设计 > Javascript > 根据内容自动调整IFrame高度

根据内容自动调整IFrame高度

点击次数:25 次 发布日期:2008-11-26 23:09:59 作者:源代码网
源代码网推荐   有时为了方便使用Iframe,但被潜入的页面长度不是固定的,显示滚动条不仅影响美观还对用户操作带来不便,自动调整高度可以解决这个问题。
<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} //不小于600

targWin.style.pixelHeight = HeightValue;

}

}

function f_iframeResize(){

bLoadComplete = true; f_frameStyleResize(self);

}

var bLoadComplete = false;

window.onload = f_iframeResize;

</SCRIPT>

  注意:iframe必须要有name属性,否则无效。
源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华