隨筆-61 評論-13 文章-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 閱讀(2394) 評論(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>

顯示結果只顯示了一半的文字回復更多評論

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Http協議解析讓iframe的子頁面決定父頁面的高度 redirect屬性的用法

06.03.14 小船啟航
收藏之用。

個人簡介

畢業院系：CUMTB
工作地點：廣東深圳
從事方向：Java、Web、SMS
聯系電郵：xnabx@tom.com

<

2015年5月

>

日

一

二

三

四

五

六

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

常用鏈接

留言簿(1)

隨筆分類

隨筆檔案

文章分類

文章檔案

相冊

我

Ajax

Hibernate

Java

數據庫

門戶

新浪

搜索

積分與排名

積分 - 35363
排名 - 1261