Question

怎么能让iframe页内框架的大小根据在框架内显示网页的大小而定？在线等。

Answer 1

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

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

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

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

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

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

Answer 2

你的意思是不是"怎么能让iframe页内框架的大小根据在框架内显示网页内容，如文字内容等的大小而定？"

如果是这样的话 有几段代码可以帮你：

iframe自适应高度和宽度

方法1

将myframe换成 自己iframe的name即可。

自适应高度高度
<iframe name="myframe" src="myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['myframe'].style.height=myframe.document.body.scrollHeight" ></iframe>

自适应高度宽度
<iframe name="myframe" src="myframe.htm" frameborder="0" scrolling="auto" width="100%" height="100%" onload="document.all['myframe'].style.width=myframe.document.body.scrollWidth" ></iframe>

===============================================================方法2，用javascript动态调整iframe的高度：

这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度。如果需要调整宽度的话，原理是一样的，本文不加详述。

首先，在你的主页面上必须包含以下这段javascript代码：

<script language="Javascript">
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
//extra height in px to add to iframe in FireFox 1.0+ browsers
var FFextraHeight=getFFVersion>=0.1? 16 : 0

function dyniframesize(iframename) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(iframename);
}
else{
eval('pTar = ' + iframename + ';');
}
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+FFextraHeight;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
}
}
}
</script>

然后对于主页面用到iframe的地方添加代码：

<iframe id="myTestFrameID" onload="javascript:{dyniframesize('myTestFrameID');}"
marginwidth=0 marginheight=0 frameborder=0 scrolling=no src="xxx.htm" width=200 height=100></iframe>

Answer 3

给 iframe 标签添加一个 onload 事件

onload="this.height=this.contentWindow.document.body.scrollHeight+40"