如何让iframe自适应页面大小（有码）

[kk706]

有一个页面，这个页面就嵌入了一个iframe，没有其他内容，如下：

<form id="form1" runat="server">
    <iframe id="fid" name="fname" src=""></iframe>
    </form>

页面加载时，在pageload方法中获得 iframe的src，然后将获得src值付给iframe。

现在的问题是，如何让iframe自适应页面大小，我设置了iframe的width 和 height 为100%，但是右侧页面出现了两个滚动条，一个aspx页面的，一个iframe里面的，请问如何设置，才能让人感觉不到iframe的存在呢？

谢谢。

[加油馒头]

<script>
//IFrame自适应高度
function reinitIframe(){
var iframe = document.getElementById("infoshowiframeid");//IFRAME id
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = Math.max(height,400);
// alert(height)
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);

</script>

刚刚也在研究的，试过了 兼容IE，FF

[koukoujiayi]

自适应js，（ie，FF适用）：

    <script type="text/javascript">
        var FFextraHeight = 0;
        if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
            FFextraHeight = 16;
        }
        function ReSizeiFrame(obj) {
            var iframe = document.getElementById(obj);
            if (iframe && !window.opera) {
                iframe.style.display = "block";
                if (iframe.contentDocument && iframe.contentDocument.body.offsetHeight) {
                    iframe.height = iframe.contentDocument.body.offsetHeight + FFextraHeight;
                }
                else if (iframe.Document && iframe.Document.body.scrollHeight) {
                    iframe.height = iframe.Document.body.scrollHeight;
                    //alert(iframe.Document.body.scrollHeight);  
                }
            }
        }
    </script>

调用：
<iframe id="fid" name="left" src="" scrolling="no" frameborder="0" onload="ReSizeiFrame('fid')"></iframe>

[hu0336]

<script language="JavaScript" type="text/JavaScript">
function autoResize()
{
try
{
document.all["iframe1"].style.height=iframe1.document.body.scrollHeight
}
catch(e){}
}
</script>
<IFRAME name=iframe1 id=iframe1 src="test.htm" frameborder="NO" border="0" framespacing="0" width="100%" style="height:expression(1);aho:expression(autoResize())"></IFRAME>

本文来自: 小胡设计室(http://www.xhsjs.com/), 详细出处参考：http://www.xhsjs.com/NET/ZhiShi/100000363.shtml

[hanguoji84]

框架页如下写：
<iframe src="Index.aspx" align="middle" id="mainFrame" onload='this.height=document.frames["mainFrame"].document.body.scrollHeight'
hspace="0" vspace="0" WIDTH='100%' marginwidth="0" MARGINHEIGHT="0" FRAMEBORDER='0'
SCROLLING='no'></iframe>

框架内的页：
<script language="JavaScript">
function f_frameStyleResize()
{
var HeightValue = document.body.scrollHeight;
if(HeightValue < 500)
{
HeightValue = 500;
}
parent.document.getElementById("mainFrame").style.height = HeightValue;
}

[laowang134]

<script type="text/javascript">
			function reinitIframe(){
				var iframe = document.getElementById("mainFrame");//id改为你的iframe的id
				try{
					var bHeight = iframe.contentWindow.document.body.scrollHeight;
					var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
					var height = Math.max(bHeight, dHeight);
					iframe.height =  height;
				}catch (ex){}
			}
			window.setInterval("reinitIframe()", 200);
		</script>

-----
直接加进这段JS代码。。。其他什么都不用管。。

[PitTroll]

马赛克。

[缪军]

protected void Page_Load(object sender, EventArgs e){
    this.fid.Attributes["onload"] = "this.height=fid.document.body.scrollHeight + 50";
    }

[缪军]

注意:不要设置iframe的高度