62,268
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
cai272646063 2009-05-01
- 打赏
- 举报
<iframe id="contentFrame" name="contentFrame" style="height:100%;" src="Menu.aspx" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"> </iframe>
这样就行了，不用JS
这样就行了，不用JS
cai272646063 2009-05-01
- 打赏
- 举报
[Quote=引用 1 楼 zhanglei_love2008 的回复:]
<head runat="server">
<title id="pageTitle"> </title>
<script type="text/javascript">
function autoHeight()
{
var obj=window.frames["right"];
document.getElementById("right").height=obj.document.body.scrollHeight+20;
}
</script>
</head>
<body>
<iframe id="right" name="right" style="width: 800px;" frameborder="no"
scrolling="no" onload="autoHeight()"> </iframe>
</body>
[/Quote]
试了，不行。
<head runat="server">
<title id="pageTitle"> </title>
<script type="text/javascript">
function autoHeight()
{
var obj=window.frames["right"];
document.getElementById("right").height=obj.document.body.scrollHeight+20;
}
</script>
</head>
<body>
<iframe id="right" name="right" style="width: 800px;" frameborder="no"
scrolling="no" onload="autoHeight()"> </iframe>
</body>
[/Quote]
试了，不行。
蓝海D鱼 2009-05-01
- 打赏
- 举报
为使iframe的高度能够自适应当前浏览器窗口的大小，在window.onresize时，对iframe的高度进行设置。
<div id="topbar"></div>
<iframe id="contentFrame" name="contentFrame" frameborder="0" hideFocus style="width:100%;height:100%;" src="welcome.jsp" scrolling="auto"></iframe>
<script type="text/javascript">
(window.onresize = function()
{
var docH= parseInt( document.body.clientHeight,10);
var minHeight=101;
var h=docH-(document.getElementById('topbar').offsetHeight+18);
h = h<minHeight ? minHeight : h;
document.getElementById('contentFrame').style.height=h+'px';
}
)();
</script>
中年秃头大叔 2009-05-01
- 打赏
- 举报
<head runat="server">
<title id="pageTitle"></title>
<script type="text/javascript">
function autoHeight()
{
var obj=window.frames["right"];
document.getElementById("right").height=obj.document.body.scrollHeight+20;
}
</script>
</head>
<body>
<iframe id="right" name="right" style="width: 800px;" frameborder="no"
scrolling="no" onload="autoHeight()"></iframe>
</body>
<title id="pageTitle"></title>
<script type="text/javascript">
function autoHeight()
{
var obj=window.frames["right"];
document.getElementById("right").height=obj.document.body.scrollHeight+20;
}
</script>
</head>
<body>
<iframe id="right" name="right" style="width: 800px;" frameborder="no"
scrolling="no" onload="autoHeight()"></iframe>
</body>
