当前页面: 开发资料首页 → JSP 专题 → Java项目中的页面，如何使页面的iframe的高度自动变化
Java项目中的页面，如何使页面的iframe的高度自动变化
摘要: Java项目中的页面，如何使页面的iframe的高度自动变化
如题
在首页上，有一个iframe，如果为期定义了高度，有时候不够长度，如何让它自适应高度！
一会OnlyFor_love会来帮你解决问题。 稍等...........
利用javascript来进行控制
eewls() ( ) 信誉：100 Blog
是不是托啊
1.如果为期定义了高度，会有滚动条。一般情况下，这就可以了。
2.如果要动态改变高度，无非用各变量好了。后台根据数据的多少来设定这个变量。
根据你的需要在JS中来设置IFREAM的高度
首先是javascript代码
iframeresize.js文件的代码如下。
function iframeResizeHeight(frame_name,body_name,offset) {
parent.document.getElementById(frame_name).height=document.getElementById(body_name).offsetHeight+offset;
}
接着就是在页面中添加如下代码：
<script language="JavaScript" src="iframeresize.js"></script>
<script for="window" event="onLoad">
//right是iframe的id名称
//myform是页面中div中的id名称，例如就是下面的
中的id名称
iframeResizeHeight("right","myform",100);
</script>
<body>
//其他代码
</body>
以上代码经过测试完全好用 鉴定完毕 闪
楼上的代码不错
我也有一个方法
在head中添加
<script language="javascript">
//iframe的高度自動增大。
function autoResize() {
try {
document.all
["main"].style.height=main.document.body.scrollHeight;
}catch(e){}
}
</script>
然后body中
<iframe id="main" name="main" frameBorder=0 scrolling=no style="height:expression(1); aho:expression(autoResize()); width:100%; height:150px;" src="test.html">
</iframe>
经鉴定也可以用
楼上的代码我好像见过
好像是梅花雪写过
楼上的两位写得都不错，不错
谢谢各位~
呵呵 我来看看 什么时候揭贴啊
iframeResizeHeight("right","myform",100);
</script>
<body>
//其他代码
</body>
以上代码经过测试完全好用 鉴定完毕 闪
楼上的代码不错
我也有一个方法
在head中添加
<script language="javascript">
//iframe的高度自動增大。
function autoResize() {
try {
document.all
["main"].style.height=main.document.body.scrollHeight;
}catch(e){}
}
</script>
然后body中
<iframe id="main" name="main" frameBorder=0 scrolling=no style="height:expression(1); aho:expression(autoResize()); width:100%; height:150px;" src="test.html">
</iframe>
经鉴定也可以用
楼上的代码我好像见过
好像是梅花雪写过
楼上的两位写得都不错，不错
谢谢各位~
呵呵 我来看看 什么时候揭贴啊
↑返回目录
前一篇: 开发Java Web应用，需要使用线程吗？
后一篇: 如何判断浏览jsp页面的操作系统是英文版还是中文版