Question

Js获取Iframe页面高度，并将高度赋值给Iframe

我当前是这样设计的。
一个div中嵌套Iframe，但是我不想给这个div一个固定高度，我想让Iframe中的高度去将其填充。
我想写一个Js获取Iframe的高度，然后将Iframe页面的高度，动态加载到
<iframe src="default.html" id="mainweb" name="mainweb" width="100%" height="？？？" frameborder="0"></iframe>
中去

求大牛帮忙~急用。。。

Answer 1

<iframe src="default.html" id="mainweb" name="mainweb" width="100%" height="100%" frameborder="0"  

onLoad="iFrameHeight()" ></iframe>。

<script type="text/javascript" language="javascript">。

function iFrameHeight() {。

var ifm= document.getElementById("mainweb");。

var subWeb = document.frames ? document.frames["mainweb"].document :。

ifm.contentDocument;。

扩展资料：

JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。

V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey解译过的指令暂存，以提高性能，称为实时编译）。

但由于V8的核心部分多数用Javascript撰写（而SpiderMonkey是用C++）。

参考资料来源：百度百科-javascript

Answer 2

你好，你这个问题就是iframe自适应高度的问题。以下代码可以解决：
<iframe src="default.html" id="mainweb" name="mainweb" width="100%" height="100%" frameborder="0"  onLoad="iFrameHeight()" ></iframe>
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("mainweb");
var subWeb = document.frames ? document.frames["mainweb"].document :
ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>

为了测试，iframe的height你可以预先设置一个固定高度比如：height="200"（也可以使用100%）,iframe加载完，会自动调整页面大小。

追问

但是我外面的那个div高度不想定义。不定义的话，Iframe的高度就是150px。

那我是不是可以将这个Iframe把 Iframe外层 div的高度撑起来呢？

而且现在这个方法也貌似木有效果呀。。。我截图看哈。

只要我外面的div不定义高度，那么Iframe的高度就是150

追答

外层的div高度你设为auto或者不设置就可以了。
上面代码你可以放到页面测试的。
你在
ifm.height = subWeb.body.scrollHeight;//后面加一行
alert(subWeb.body.scrollHeight)//测试返回iframe的高度、

看看返回的高度是多少

追问

亲，看私信吧。哎