编程论坛
注册
登录
编程论坛
→
WEB前端(UI)
iframe的高度能不能自适应?
学生哥
发布于 2008-01-20 10:43, 1722 次点击
iframe的高度能不能自动设为其所包含页面的高度?而且问题是其所包含的页面是asp生成的,并不能事先知道其高度。
4 回复
#2
luo123
2008-01-20 13:21
静态网页好像不行,我用了heigth="100%" 不管用。
#3
huangyong
2008-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
huangyong
2008-01-23 22:17
呵呵,楼上的,我都忘了自己的网站上有,呵呵
1