iframe页面自适应高度的问题,困扰了我很长时间,我一直在做web管理系统,而且都是使用iframe来做的。一直没有解决这个问题,只是让iframe出现滚动条。今天测试组对此提出疑问,无奈又得解决了。同事帮忙找来一篇文章,让我很是受益。http://ued.koubei.com/
这基本解决了自动适应高度的问题,但是,当从高的页面切换到矮页面的时候,取到的高度还是那个高的值的问题,即还是出现滚动条,感觉不是很完美,在此基础上,结合我们之前的项目。我将作者提供的代码进行了修改,如下:
//iframe自动适应浏览器高度
function reinitIframe(){
var iframe = document.getElementById("content");
try{
//iframe中文档的高度
var bHeight = iframe.contentWindow.document.body.scrollHeight;
//窗口中用户区域的高度
var page_height = document.body.clientHeight;
//header的高度
var head_height = document.getElementById('pageHead').clientHeight;
//foot的高度
var foot_height = document.getElementById('pageFoot').clientHeight;
//内容区域高度
var content_height = page_height - head_height - foot_height;
var height = Math.max(bHeight, content_height);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
希望对大家能有所帮助。
分享到:
相关推荐
iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度iframe 自适应高度
iframe自适应高度和宽度
iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe自适应高度说明文档iframe...
iframe自适应高度(兼容多种浏览器) 亲测可以
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能,其中包括: 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
纯JS实现的iframe自适应高度。兼容主流浏览器。
jquery对iframe自适应高度插件是国外下载下来的。插件使用只要引用js文件就行,不用做任何别的操作完全自动化。
iframe自适应高度 .txtiframe自适应高度 .txtiframe自适应高度 .txtiframe自适应高度 .txtiframe自适应高度 .txt
因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那几个,而且基本都测试了一遍,所说的兼容根本不是那么回事,要不IE不正常,要不其他浏览器显示不正常,最后无奈,综合网上的方法...
iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板 iframe 跨域 自适应高度 模板
多层嵌套iframe 自适应高度的解决方法
javascript iframe 自适应高度js demo
iframe自适应高度的简单解决办法,word文档中有详细的解释,赶快下载吧!
iframe自适应高度
iframe自适应高度 .doc
介绍: 填写的嵌入地址一定要和本页面在同一个站点上,否则会提示“拒绝访问!”。对跨域引用有权限问题,请查阅其他资料。
iframe自适应高度(DOM动态操作)
iframe自适应高度:根据屏幕的高度,自动增减。包括适应浏览器高度的改变。
很多管理系统中,都使用iframe进行信息内容的展示方式,或者作为主菜单的链接展示内容。使用iframe的问题就是自适应高度的问题