随笔-61  评论-13  文章-19  trackbacks-0
让iframe的子页面决定父页面的高度

问题一、
<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 阅读(2379) 评论(3)  编辑  收藏 所属分类: JSP/Servlet

评论:
# re: 让iframe的子页面决定父页面的高度[未登录] 2007-06-26 10:50 | 菜菜鸟
一个困扰我多年的问题终于在这找到答案了，谢谢楼主~~  回复  更多评论
  
# re: 让iframe的子页面决定父页面的高度 2015-05-15 15:20 | 杨小侨
为什么我还是不可以实现让iframe的子页面决定父页面的高度？？？？  回复  更多评论
  
# re: 让iframe的子页面决定父页面的高度 2015-05-15 15:22 | 杨小侨
main.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>父页面</title>
<link type="text/css" rel="stylesheet" href="main.css" />
</head>

<body>
主页面字体
<div class="top">
<iframe id="frmTest" name="frmTest" width="100%" scrolling="no" frameborder="1" src="top.html"></iframe>
</div>
<div class="left">
<iframe frameborder="1" src="left.html" height="100%" name="left" width="100%" ></iframe>
</div>
<div class="body">
<iframe frameborder="1" src="body.html" name="body" width="100%" height="10%"></iframe>
</div>
</body>
</html>



top.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>top</title>

</head>

<body>
>
头部部分
工信部今天(5月15日)上午公布了全国网络提速降费总目标后，北京联通在今天下午率先宣布了提速降费方案。北京联通负责人表示，从2015年5月17日起全面启动“全网大提速”。宽带用户网络速率全部免费提升一倍，原10M宽带用户将提速到20M，20M用户升级为50M，50M用户升为100M。原2G、3G(第二代、第三代移动通信技术)移动用户网络全部提升到4G，并保持原资费不变。这次“全网大提速”将使北京有望成为全国网速最快的城市，同时也是中国联通成立以来在北京地区最大幅度的宽带资费下调。方案实施后，百兆光纤包月费不到200元。本地流量半年包促销资费达到10元1.5GB，为历史最低水平。预计这次最大规模的全网提速将于今年6月底前完成。(央视记者 孙蓟潍)
工信部今天(5月15日)上午公布了全国网络提速降费总目标后，北京联通在今天下午率先宣布了提速降费方案。北京联通负责人表示，从2015年5月17日起全面启动“全网大提速”。宽带用户网络速率全部免费提升一倍，原10M宽带用户将提速到20M，20M用户升级为50M，50M用户升为100M。原2G、3G(第二代、第三代移动通信技术)移动用户网络全部提升到4G，并保持原资费不变。这次“全网大提速”将使北京有望成为全国网速最快的城市，同时也是中国联通成立以来在北京地区最大幅度的宽带资费下调。方案实施后，百兆光纤包月费不到200元。本地流量半年包促销资费达到10元1.5GB，为历史最低水平。预计这次最大规模的全网提速将于今年6月底前完成。(央视记者 孙蓟潍)
工信部今天(5月15日)上午公布了全国网络提速降费总目标后，北京联通在今天下午率先宣布了提速降费方案。北京联通负责人表示，从2015年5月17日起全面启动“全网大提速”。宽带用户网络速率全部免费提升一倍，原10M宽带用户将提速到20M，20M用户升级为50M，50M用户升为100M。原2G、3G(第二代、第三代移动通信技术)移动用户网络全部提升到4G，并保持原资费不变。这次“全网大提速”将使北京有望成为全国网速最快的城市，同时也是中国联通成立以来在北京地区最大幅度的宽带资费下调。方案实施后，百兆光纤包月费不到200元。本地流量半年包促销资费达到10元1.5GB，为历史最低水平。预计这次最大规模的全网提速将于今年6月底前完成。(央视记者 孙蓟潍)
工信部今天(5月15日)上午公布了全国网络提速降费总目标后，北京联通在今天下午率先宣布了提速降费方案。北京联通负责人表示，从2015年5月17日起全面启动“全网大提速”。宽带用户网络速率全部免费提升一倍，原10M宽带用户将提速到20M，20M用户升级为50M，50M用户升为100M。原2G、3G(第二代、第三代移动通信技术)移动用户网络全部提升到4G，并保持原资费不变。这次“全网大提速”将使北京有望成为全国网速最快的城市，同时也是中国联通成立以来在北京地区最大幅度的宽带资费下调。方案实施后，百兆光纤包月费不到200元。本地流量半年包促销资费达到10元1.5GB，为历史最低水平。预计这次最大规模的全网提速将于今年6月底前完成。(央视记者 孙蓟潍)

编辑：SN182
。本地流量半年包促销资费达到10元1.5GB，为历史最低水平。预计这次最大规模的全网提速将于今年6月底前完成。(央视记者 孙蓟潍)
工信部今天(5月15日)上午公布了全国网络提速降费总目标后，北京联通在今天下午率先宣布了提速降费方案。北京联通负责人表示，从2015年5月17日起全面启动“全网大提速”。宽带用户网络速率全部免费提升一倍，原10M宽带用户将提速到20M，20M用户升级为50M，50M用户升为100M。原2G、3G(第二代、第三代移动通信技术)移动用户网络全部提升到4G，并保持原资费不变。这次“全网大提速”将使北京有望成为全国网速最快的城市，同时也是中国联通成立以来在北京地区最大幅度的宽带资费下调。方案实施后，百兆光纤包月费不到200元。本地流量半年包促销资费达到10元1.5GB，为历史最低水平。预计这次最大规模的全网提速将于今年6月底前完成。(央视记者 孙蓟潍)
工信部今天(5月15日)上午公布了全国网络提速降费总目标后，北京联通在今天下午率先宣布了提速降费方案。北京联通负责人表示，从2015年5月17日起全面启动“全网大提速”。宽带用户网络速率全部免费提升一倍，原10M宽带用户将提速到20M，20M用户升级为50M，50M用户升为100M。原2G、3G(第二代、第三代移动通信技术)移动用户网络全部提升到4G，并保持原资费不变。这次“全网大提速”将使北京有望成为全国网速最快的城市，同时也是中国联通成立以来在北京地区最大幅度的宽带资费下调。方案实施后，百兆光纤包月费不到200元。本地流量半年包促销资费达到10元1.5GB，为历史最低水平。预计这次最大规模的全网提速将于今年6月底前完成。(央视记者 孙蓟潍)

编辑：SN182
<script language=javascript>
window.parent.document.all("frmTest").style.height = document.body.scrollHeight + 10;
</script>

</body>
</html>




显示结果只显示了一半的文字  回复  更多评论
  

只有注册用户登录后才能发表评论。
网站导航:
 
Powered by: 博客园 模板提供：沪江博客 Copyright ©2024 xnabx