动态的改变IFrame的高度，使其没有滚动条，实现IFrame自动伸展

最新推荐文章于 2024-09-14 19:44:09 发布

weixin_33953384

最新推荐文章于 2024-09-14 19:44:09 发布

阅读量80

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dekn/archive/2005/11/29/286750.html

版权

原理：在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度

页面结构如下：

具体实现:

1、在IFrame的具体页面，添加JavaScript

//alert(this.document.body.scrollHeight); //弹出当前页面的高度
var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对象
//alert(obj.height); //弹出父页面中IFrame中设置的高度
obj.height = this.document.body.scrollHeight; //调整父页面中IFrame的高度为此页面的高度

}
</script>

2、在IFrame的具体页面的body中，添加onload事件
<body οnlοad="IFrameResize()">

3、为父页面的IFrame标签添加ID，即上面第一步，方法体中的第2行所写到的childFrame
<IFRAME border=0 marginWidth=0
      frameSpacing=0 marginHeight=0
      src="frame1.jsp" frameBorder=0
      noResize scrolling="no" width=100% height=100% vspale="0" id="childFrame"></IFRAME>

转载于:https://www.cnblogs.com/dekn/archive/2005/11/29/286750.html