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

<iframe src="defaulthtml" id="mainweb" name="mainweb" width="100%" height="100%" frameborder="0"

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

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

function iFrameHeight() {。

var ifm= documentgetElementById("mainweb");。

var subWeb = documentframes  documentframes["mainweb"]document :。

ifmcontentDocument;。

扩展资料：

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

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

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

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

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

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

<iframe id="myiframe" src="[url]" width="300"></iframe>

<script type="text/javascript">

var iframe = documentgetElementById("myiframe");

iframeonload = function(){

var html = thiscontentWindowdocumentdocumentElement

body = thiscontentWindowdocumentbody,

//iframe页面的高度与宽度

h = Mathmax( bodyscrollHeight, bodyoffsetHeight,

htmlclientHeight, htmlscrollHeight, htmloffsetHeight ),

w = Mathmax( bodyscrollWidth, bodyoffsetWidth,

htmlclientWidth, htmlscrollWidth, htmloffsetWidth);

var w = thiscontentWindowdocumentbodyscrollWidth;

var h = thiscontentWindowdocumentbodyscrollHeight;

thisstylewidth = w+30+"px";

thisstyleheight = h+30+"px";

};

</script>

上面的代码只适用于IE8以上，另外，如果iframe的src是站外链接的话，可能由于跨站取不到宽度，换句话说，上面的示例的成立条件是：

1、浏览器为FF、Chrome、IE8以上。

2、iframe的src指向的是本站的页面

您好！很高兴为您答疑。

目前没有非常好的办法，如果您不得不使用代码让其自适应，唯一的办法就是js获取当前浏览器类型并获得相对应的合适高度，再异步设置框架高度值。

如果对我们的回答存在任何疑问，欢迎继续问询。

几个办法，一是在iframe onload的时候计算并设置iframe高度，另一个是定期运行js函数来检查并设置iframe高度，有篇文章不错（>

您好！很高兴为您答疑！

在一个页面含有某个iframe，其id="myframe" name="myframe"，此时使用documentgetElementById("myframe")取到的是iframe标签对象，通过该对象可以获取iframe的各个属性

<script type="text/javascript">

function SetCwinHeight(iframeObj){

if (documentgetElementById){

if (iframeObj && !windowopera){

if (iframeObjcontentDocument && iframeObjcontentDocumentbodyoffsetHeight){

iframeObjheight = iframeObjcontentDocumentbodyoffsetHeight;

}else if(documentframes[iframeObjname]document && documentframes[iframeObjname]documentbodyscrollHeight){

iframeObjheight = documentframes[iframeObjname]documentbodyscrollHeight;

}

}

}

}

</script>

<iframe width="100%" name="frameContent" onload="SetCwinHeight(this)" frameborder="0" src=">

1创建两个HTML文件在一个文件夹,一个“索引”和一个“iframe”。

2增强的iframe标记添加到索引,然后直接进入iframe嵌入页面。

3添加两个div标签内容与固定高度iframe页面。

4当浏览器打开索引页的答案时,我们发现有一个滚动条在iframe的一部分。我们需要滚动以显示页面跟踪。

5现在,我们添加以下回答属性的iframe标签索引页面。

6n再次进入索引页。iframe是高度适应内容的大小,如下图所示。

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

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

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

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

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

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

以上就是关于Js获取Iframe页面高度，并将高度赋值给Iframe全部的内容，包括:Js获取Iframe页面高度，并将高度赋值给Iframe、iframe如何自适应内容的高度求大神指点啊、怎样使Iframe自适应高度并兼容IE，遨游，火狐等等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！