87,904
社区成员
发帖
与我相关
我的任务
分享iframe或frame：如何完成大小自动变化？
如果使用<td></td>表格时，中间的内容不论多少，表格都可以自动适应，可是iframe和frame就会出现滚动条而不会自动适应，请问能够做到这样的自动适应大小吗？
...全文
请发表友善的回复…
发表回复
多菜鸟 2003-08-26
- 打赏
- 举报
study
好记忆不如烂笔头abc 2003-08-26
- 打赏
- 举报
<iframe src='http://www.csdn.net'
NAME='PICC_CoverInfo'
ID='PICC_CoverInfo'
FRAMEBORDER=0
marginWidth="0"
marginHeight="0"
scrolling=no
width="100%"
onload='var f=document.all["PICC_CoverInfo"]; var b=f.Document.body; f.height=b.scrollHeight'>
</iframe>
NAME='PICC_CoverInfo'
ID='PICC_CoverInfo'
FRAMEBORDER=0
marginWidth="0"
marginHeight="0"
scrolling=no
width="100%"
onload='var f=document.all["PICC_CoverInfo"]; var b=f.Document.body; f.height=b.scrollHeight'>
</iframe>
stevegates 2003-08-24
- 打赏
- 举报
我也有这个问题。
请问meizz：
这段代码放在iframe嵌的那张页面里吗？
请问meizz：
这段代码放在iframe嵌的那张页面里吗？
wanghr100 2003-08-24
- 打赏
- 举报
test.htm
<body>
<iframe id="iframeID" height='100' src="1.htm"></iframe>
1.htm
<body onload="parent.window.document.all.iframeID.height=document.all.bd.clientHeight + 40">
<table id=bd>
<tr>
<td>
<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net
<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net
</td>
</tr>
</table>
<body>
<iframe id="iframeID" height='100' src="1.htm"></iframe>
1.htm
<body onload="parent.window.document.all.iframeID.height=document.all.bd.clientHeight + 40">
<table id=bd>
<tr>
<td>
<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net
<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net<p>灰豆宝宝.net
</td>
</tr>
</table>
meizz 2003-08-24
- 打赏
- 举报
针对 iframe 的自适应高度我写了一个函数, 你自己再发挥一下吧(此代码放在iframe里):
function parentIframeHeight()
{
if(top!=self && self.name!="")
{
var e;
/*@cc_on @*/ /*@if (@_jscript_version>=3) e = window.parent.document.all(self.name); @else @*/
if(window.navigator.appName=="Netscape" && parseInt(window.navigator.appVersion)>5)
e = window.parent.document.getElementById(self.name);
else e = eval("window.parent."+ self.name);
/*@end @*/
e.height = parseInt(document.body.scrollHeight, 10);
}
}
function parentIframeHeight()
{
if(top!=self && self.name!="")
{
var e;
/*@cc_on @*/ /*@if (@_jscript_version>=3) e = window.parent.document.all(self.name); @else @*/
if(window.navigator.appName=="Netscape" && parseInt(window.navigator.appVersion)>5)
e = window.parent.document.getElementById(self.name);
else e = eval("window.parent."+ self.name);
/*@end @*/
e.height = parseInt(document.body.scrollHeight, 10);
}
}
