IFrame里面的子页面html内容变化时,怎么动态改变IFrame的高度,

比如IFrame在onload的时候table显示5行,页面高度是500px,再改成20行的时候,页面高度要变大,那么怎么再次改变IFrame的高度让所有表格内容显示出来... 比如IFrame在onload的时候table显示5行,页面高度是500px,再改成20行的时候,页面高度要变大,那么怎么再次改变IFrame的高度让所有表格内容显示出来,不使用滚动条。。。 展开
 我来答
郭某人来此
2015-09-13 · TA获得超过1645个赞
知道答主
回答量:952
采纳率:100%
帮助的人:85.9万
展开全部
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>
百度网友924f5f9
2014-09-25 · 超过16用户采纳过TA的回答
知道答主
回答量:47
采纳率:0%
帮助的人:23.4万
展开全部
在子页面里操作父页面
var doc=window.parent.document;
// var iframe=doc.getElementById("iframe");
// iframe.style.height="600px";
用jquery搞
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式