如何动态控制IFrame的长和宽

来源:互联网 发布:使用usb进行网络共享 编辑:程序博客网 时间:2024/04/29 13:11

主页面要放置一个IFrame用于嵌套显示子页面的信息,但是子页面的数据多少不一,导致子页面可能会很长或很短,要动态控制IFrame的高低随子页面的长短而变化。
主页面如下:
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY >
<TABLE>
    <TR>
 <TD>
   <iframe id="frmTest" height="100px" name="frmTest" src="in.html"></iframe>
 </TD>
</TR>
</TABLE>
</BODY>
</HTML>

子页面只需要做如下处理即可:
在页面的最下端添加如下JS脚本:
<script language=javascript>
 window.parent.document.all("frmTest").style.height = document.body.scrollHeight + 10;
</script>

其中frmTest即为Main页面的IFrame的ID。

原创粉丝点击