IFrame里面的子页面html内容变化时,怎么动态改变IFrame的高度,
比如IFrame在onload的时候table显示5行,页面高度是500px,再改成20行的时候,页面高度要变大,那么怎么再次改变IFrame的高度让所有表格内容显示出来...
比如IFrame在onload的时候table显示5行,页面高度是500px,再改成20行的时候,页面高度要变大,那么怎么再次改变IFrame的高度让所有表格内容显示出来,不使用滚动条。。。
展开
2个回答
展开全部
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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询