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

wxshi

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


具体实现:
1、在IFrame的具体页面，添加JavaScript
/**
* 自动调整IFrame的高度
* @ author Dekn
* @ 2005-11-28
*/
function IFrameResize(){
//alert(this.document.body.scrollHeight); //弹出当前页面的高度
var obj = parent.document.getElementById("childFrame");  //取得父页面IFrame对象
//alert(obj.height); //弹出父页面中IFrame中设置的高度
obj.height = this.document.body.scrollHeight;  //调整父页面中IFrame的高度为此页面的高度
}
2、在IFrame的具体页面的body中，添加onload事件
3、为父页面的IFrame标签添加ID，即上面第一步，方法体中的第2行所写到的childFrame


本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u2/69663/showart_1002732.html