IFrame里面的子页面html内容变化时，怎么动态改变IFrame的高度，
比如IFrame在onload的时候table显示5行，页面高度是500px，再改成20行的时候，页面高度要变大，那么怎么再次改变IFrame的高度让所有表格内容显示出来，不使用滚动条。。。
1、在IFrame的具体页面(就是子页面)，添加JavaScript
<script>
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的高度为此页面的高度
}
</script>
2、在IFrame的具体页面(就是子页面)的body中，添加onload事件
<body onload="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>
<script>
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的高度为此页面的高度
}
</script>
2、在IFrame的具体页面(就是子页面)的body中，添加onload事件
<body onload="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>
温馨提示：内容为网友见解，仅供参考
第1个回答 2014-09-25
在子页面里操作父页面
var doc=window.parent.document;
// var iframe=doc.getElementById("iframe");
// iframe.style.height="600px";
用jquery搞本回答被网友采纳
var doc=window.parent.document;
// var iframe=doc.getElementById("iframe");
// iframe.style.height="600px";
用jquery搞本回答被网友采纳
相似回答
