1、第一个适应高度的方案
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>
<iframe src="/custom/job/question.do" scrolling="no" style="border: medium none; width: 710px; overflow: hidden;" id="iframepage" name="iframepage" onLoad="iFrameHeight()"> </iframe>
2、别人自适应的方案
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text
![]()
ml; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script language="javascript" type="text/javascript">
function dyniframesize(down) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(down);
}
else{
eval('pTar = ' + down + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight +20;
pTar.width = pTar.contentDocument.body.scrollWidth+20;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
pTar.width = pTar.Document.body.scrollWidth;
}
}
}
</script>
<iframe src ="b.html" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" id="ifm" name="ifm" onload="javascript:dyniframesize('ifm');" width="100%">
</iframe>
</body>
<
![]()
/html>
分享到：
相关推荐
iframe自动适应高度，很难得的资源，很多下载的都是部分浏览器可以用，这个可以兼容360.ie6789等，遨游，火狐。搜狗等浏览器。。亲自测试。
在用js动态创建时,iframe 很难自动适应高度宽度,写100%也没有,推出此方法可以解决这方面难题
iFrame 自动调整高度 绝对有效！ 分可能是高咯滴滴儿....不过一分钱一分货哈，没效果你骂我、使劲骂！
iframe 跨域 自动适应高度；iframe 跨域 自动适应高度；
一些关于iframe自适应高度的介绍，一些关于iframe自适应高度的介绍
Iframe框架自动适应高度示例详解.pdf
iframe多层级自动适应高度
iframe是网页设计中经常用来装载子页使用的,如何让iframe随着动态装载的子页(主页不刷新)自动适应所装子改变在小是我们经常要处理的问题;现给出两个非常简单的例子,从不同的角度来实现iframe根据最新加载的子页自动...
这个库允许的高度与同跨域iframe来适应他们所包含的内容的宽度自动调整大小。它最常见的问题与使用iframes提供一系列的功能，其中包括： 高度和宽度大小的iframe内容大小。 作品以多个嵌套的iframe。 跨域iframe域...
动态的改变IFrame的高度，实现IFrame自动伸展，父页面也自动神缩 原理： 在IFrame子页面一加载的时候，调用父IFrame对象，改变其高度 具体实现一: 1、在IFrame的具体页面(就是子页面)，添加JavaScript 代码如下: ...
主要介绍了Iframe如何自动适应页面的高度,需要的朋友可以参考下
iframe自适应高度：根据屏幕的高度，自动增减。包括适应浏览器高度的改变。
iframe高度自适应.pdf
在开发项目过程中，用iframe嵌套，会发现一个问题，用iframe嵌套的html结构右边不会自动适应高度。如何解决这一问题呢，下面就跟小编一起来看下吧
有时候我们需要让我们的iframe自动适应高度，但多浏览器兼容性不好，大家不妨试下这个。
通过Div+CSS 结合Jquery制作的具有左侧菜单、导航菜单、下拉菜单、自动适应窗口大小、自动控制iframe高度，动态修改CSS样式，利用CSS的expression表达式，自动调整div大小，实现div左侧跟随的诸多布局应用。