87,987
社区成员
发帖
与我相关
我的任务
分享iframe的高度自适应问题
如何使iframe的高度根据src的不同而自动变化，使它不显示垂直滚动条?
我在style里禁止滚动条后，内容也被裁减了。选取大的高度后，显示小篇幅的网页时，下面的空太大。
我在style里禁止滚动条后，内容也被裁减了。选取大的高度后，显示小篇幅的网页时，下面的空太大。
...全文
请发表友善的回复…
发表回复
mynull 2003-07-31
- 打赏
- 举报
会了要用 contentWindow.document.body.scrollHeight
mynull 2003-07-31
- 打赏
- 举报
谢谢，但是为什么不能在父窗体中写呢？如：（延时执行，以保证iframe中的网页过来了）
var obj = document.all["myIframe"];
var h = obj.document.body.scrollHeight + 30;
alert(h);
得到的结果与 b.htm中的不一样，原因？
var obj = document.all["myIframe"];
var h = obj.document.body.scrollHeight + 30;
alert(h);
得到的结果与 b.htm中的不一样，原因？
zhangguagua 2003-07-31
- 打赏
- 举报
据b.htm的大小动态的改变iframe的大小,在b.htm中
法1.
function changeIframeHeight() //自动改变 Iframe 的高度
{
if(top != self)
{
window.parent.document.getElementById(self.name).height = document.body.scrollHeight;
}
}
function window.onload()
{
changeIframeHeight(); //改变 Iframe 高
}
法2.
<script language="javascript">
<!--
function toppage()
{
if (self.location!=top.location)
{
parent.document.all(self.name).height=document.body.scrollHeight + 30;
parent.document.all(self.name).width=document.body.scrollWidth + 30;
}
}
-->
</script>
<body onload="toppage()">
法1.
function changeIframeHeight() //自动改变 Iframe 的高度
{
if(top != self)
{
window.parent.document.getElementById(self.name).height = document.body.scrollHeight;
}
}
function window.onload()
{
changeIframeHeight(); //改变 Iframe 高
}
法2.
<script language="javascript">
<!--
function toppage()
{
if (self.location!=top.location)
{
parent.document.all(self.name).height=document.body.scrollHeight + 30;
parent.document.all(self.name).width=document.body.scrollWidth + 30;
}
}
-->
</script>
<body onload="toppage()">
