如何让框架里面的页面自动适应大小？

<frameset rows="17%,73%,10%" frameborder="NO" border="0" framespacing="0" bordercolor="white">
<frame src="head.jsp" name="head" scrolling="NO" noresize>
<frame src="main.jsp" name="show">
<frame src="inc/footer.inc" name="botten" scrolling="NO" noresize>
</frameset>这个页面采用了上中下结构的框架   
  我想让框架自动适应页面大小，不用托拽  (有的页面很长)   
  怎么修改上面的代码？   
  谢谢！

解决方案 »

  1.   

    引用页面：
    <iframe name="frame" frameborder="0" src="iframe.asp" width="100" height="100" align="center" scrolling="no"></iframe>被引用页面：
    <script language="javascript">
    function BodyOnLoad(){
    if (window != top){ //如果这个页面是被包含的，就执行下面的代码
    window.resizeTo(window.document.body.scrollWidth, window.document.body.scrollHeight);
    }
    }
    </script><body onload = "BodyOnLoad()">
      

  2.   

    可以用iframe来做.
    1.做一个主页面,里面放一个table,有三行,第二行不要设置高度.分别嵌入三个iframe.
    2.三个iframe的src分别为,head.jsp和main.jsp,inc/footer.inc
    3.在main.jsp中加入一段js,来调整高度.
     function iframeAutoFit()
        {
            try
            {
                if(window!=parent)
                {
                    var a = parent.document.getElementsByTagName("iframe");
                    for(var i=0; i<a.length; i++) //author:meizz
                    {
                        if(a[i].contentWindow==window)
                        {
                            var h1=0, h2=0;
                            a[i].parentNode.style.height = a[i].offsetHeight +"px";
                            a[i].style.height = "10px";
                            if(document.documentElement&&document.documentElement.scrollHeight)
                            {
                                h1=document.documentElement.scrollHeight;
                            }
                            if(document.body) h2=document.body.scrollHeight;                        var h=Math.max(h1, h2);
                            if(document.all) {h += 4;}
                            if(window.opera) {h += 1;}
                            a[i].style.height = a[i].parentNode.style.height = h +"px";
                        }
                    }
                }
            }
            catch (ex){}
        }
        if(window.attachEvent)
        {
            window.attachEvent("onload",  iframeAutoFit);
            //window.attachEvent("onresize",  iframeAutoFit);
        }
        else if(window.addEventListener)
        {
            window.addEventListener('load',  iframeAutoFit,  false);
            //window.addEventListener('resize',  iframeAutoFit,  false);
        }