jq怎么获取自适应高度的iframe高度的准确数值

你用jq的时候是在页面加载的时候就获取了，并不是点击的时候获取的。时机不对。

$('#btn2')click(function () {

var boxAheight = $("#frame_content")outerHeight(true);

alert(boxAheight);

})

让iframe自适应浏览器的高度和宽度的具体步骤如下：

1、首先设置样式：body{margin:0; padding:0;}。

2、如果不设置body的margin和padding为0的话，页面上下左右会出现空白。

代码如下：<iframe src=://fulibac id="myiframe" scrolling="no" frameborder="0"></iframe>。

3、这个方法可以达到让iframe自适应高度的效果，但是如果将窗口放大或缩小效果就不出来了，也就是本文开头讲的。

需要再次刷新，那就不属于自适应了。

代码是：

var ifm= documentgetElementById("myiframe");

ifmheight=documentdocumentElementclientHeight;

我用的就是这段了

<script type="text/javascript">

function SetCwinHeight(obj) {

var cwin = obj;

if (documentgetElementById) {

if (cwin && !windowopera) {

if (cwincontentDocument && cwincontentDocumentbodyoffsetHeight)

cwinheight = cwincontentDocumentbodyoffsetHeight + 20; //FF NS

else if (cwinDocument && cwinDocumentbodyscrollHeight)

cwinheight = cwinDocumentbodyscrollHeight + 10; //IE

}

else {

if (cwincontentWindowdocument && cwincontentWindowdocumentbodyscrollHeight)

cwinheight = cwincontentWindowdocumentbodyscrollHeight; //Opera

}

}

}

</script>

<iframe id="id" name="name" frameborder="0" width="750px" scrolling="no"

onload="SetCwinHeight(this)"></iframe>

设置个背景给iframe也可也 在加载的时候

iframe的高度可以随内容的多少而变化，解决方法如下：

1、首先在文件夹里创建两个html文件，一个“index”一个“iframe”。

2、然后在index中添加一个iframe标签，直接嵌入iframe页面。

3、接着在iframe网页中添加了两个固定高度的div内容。

4、浏览器打开index页面，发现iframe部分有滚动条，需要滚动显示页面。

5、现在在index页面的iframe标签再添加如下的属性。再次打开index页面iframe已经高度自适应了。

以上就是关于jq怎么获取自适应高度的iframe高度的准确数值全部的内容，包括:jq怎么获取自适应高度的iframe高度的准确数值、怎么让iframe自适应浏览器的高度和宽度、iframe 子页面加载时的高度问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！