随笔-61  评论-6  文章-19  trackbacks-0

问题一、
<table width="99%"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2"><iframe frameborder=no 
             marginheight=0 marginwidth=0 name=schistory scrolling=no
            src="frame2.htm"  width=100%> </iframe></td>
  </tr>
</table>

现在的问题是当frame2.htm显示的内容很长时,有些内容看不到;如何做到该网页随iframe中嵌入的网页内容长度自动出现滚动条,并且这滚动条不是出现在iframe中

处理:
你这个属于让iframe的子页面决定父页面的高度。
写javascript吧。
<script language="Javascript">
function window.onload()
{
parent.document.all("mainFrame").style.height=document.body.scrollHeight+670;
}
</script>
写在iframe调用的子页面里面
后面的670是父页面比子页面高的高度

问题二、如何动态控制IFrame的长和宽

主页面要放置一个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。

posted on 2006-03-20 13:03 xnabx 阅读(657) 评论(1)  编辑  收藏 所属分类: JSP/Servlet

评论:
# re: 让iframe的子页面决定父页面的高度[未登录] 2007-06-26 10:50 | 菜菜鸟
一个困扰我多年的问题终于在这找到答案了,谢谢楼主~~  回复  更多评论
  

专题:Android  iPad  jQuery  Chrome OS

博客园首页  IT新闻  知识库  学英语  Java程序员招聘
标题  
姓名  
主页
验证码 *  
内容(请不要发表任何与政治相关的内容)  
  登录      
每天10分钟,轻松学英语


网站导航: