注册 登录
编程论坛 WEB前端(UI)

iframe的高度能不能自适应?

学生哥 发布于 2008-01-20 10:43, 1722 次点击
iframe的高度能不能自动设为其所包含页面的高度?而且问题是其所包含的页面是asp生成的,并不能事先知道其高度。
4 回复
#2
luo1232008-01-20 13:21
静态网页好像不行,我用了heigth="100%" 不管用。
#3
huangyong2008-01-22 13:39
给楼主几个网址,可以看看,是可以实现的,我以前也做过的,但是现在忘了。

[url]http://blog.[/url]

[url]http://blog.[/url]

[url]http://www.[/url]

[url]http://hi.baidu.com/bigmen/blog/item/d701eef294033c11b07ec533.html[/url]

[url]http://x.[/url]
#4
弱智抓蛙男2008-01-23 14:15
引[url]http://www.[/url]的一篇文章:
iframe的高度随内容的变化而变化
来源:chinaz   发布时间:2007-12-28   阅读次数:6
  本文详细介绍了iframe框架高度随内容的变化而变化的代码。
以下是引用片段:

<iframe src="XXX.htm" width="700px" frameborder="0" id="frmsrc" scrolling="no" marginheight="0" onload="AutoIframe()"></iframe>

<script type="text/javascript">
    function AutoIframe()
    {
        if(document.readyState!='complete')
        {
            setTimeout( function(){AutoIframe();},25 );
            return;
        }
        else
        {
           var ifobj=document.getElementById("frmsrc");
           ifobj.height= ifobj.contentWindow.document.body.scrollHeight;
        }
    }
</script>

//PS: XXX.htm不可跨域

<iframe src="dd.html" id="frmMain" name="frmMain" width="99%" height="100%" frameborder=0 scrolling=no marginHeight=0 marginWidth=0 onload="Javascript:SetWinHeight(this)" ></iframe>

function SetWinHeight(obj)
{
 var win=obj;
 if (document.getElementById)
 {
    if (win && !window.opera)
    {
  if (win.contentDocument && win.contentDocument.body.offsetHeight)
    win.height = win.contentDocument.body.offsetHeight;
  else if(win.Document && win.Document.body.scrollHeight)
    win.height = win.Document.body.scrollHeight;
    }
 }
}
#5
huangyong2008-01-23 22:17
呵呵,楼上的,我都忘了自己的网站上有,呵呵
1