关于iframe的自适应问题

在iframe的body 的 onload事件 里写
parent.iframeid.width=table.width;
parent.iframeid.height=table.height;
没测试，你试试行不行

解决方案 »

  1.   

    这个问题刚刚看到篇东西~~~~自己没测试，看看成不？http://www.memosite.cn/article.php/580
      

  2.   

    同意zhaoxiaoyang(梅雪香) 的答案
      

  3.   

    关注一下，前段时间碰到了，在iframe引用的页面中加
    parent.document.all("iframe").style.height=document.body.scrollHeight;
      

  4.   

    我这里无法修改iframe里面引入的页面，应该说是可能被引入的页面太多了这么改没有意义。
     webmm(一笑而过)提到的方法是可行的，但是里面用了setInterval(）方法（没有明白为什么要这么写），效率太低了，整个页面被拖的很慢（本来就不快，客户的意见是费了好大力气才摆平的）。所以请教还有没有更好的办法。
      

  5.   

    调整高度和宽度的代码可以放在“a.htm”、“b.htm”或"iframe自适应测试.htm"页面内，本例选择了后一种方式（下列代码是文件"iframe自适应测试.htm"，测试时需自己添加文件“a.htm”和“b.htm”，且要求“a.htm”、“b.htm”与"iframe自适应测试.htm"在同一 domain）。
    <html>
    <head>
    <script>
    // 实参为this,即形参obj为this，而obj 与 document.getElementById("ifrm")一致;
    function fnAutoFit(obj)
    {
    try{
    // ifrm为<iframe id=ifrm……></iframe>
    var oBody  = obj.contentWindow.document.body;
    var oFrame = document.all(obj.id);
    oFrame.style.height = oBody.scrollHeight + (oBody.offsetHeight - oBody.clientHeight);
    oFrame.style.width = oBody.scrollWidth + (oBody.offsetWidth - oBody.clientWidth);
    }
    catch(e)
    {
    window.status = '错误: ' + e.number + '; ' + e.description;
    }
    }

    function fn_change()
    {
    var oFrame = document.frames[0];
    if(cN.value == "a")
    {
    cN.value = "b";
    oFrame.document.location.href = "a.htm";
    }
    else
    {
    cN.value = "a";
    oFrame.document.location.href = "b.htm";
    }
    }
    </script>
    </head>
    <body>
    <iframe id="ifrm" frameborder="1" src="a.htm" onload="fnAutoFit(this)"></iframe>
    <input type="button" name="cN" value="b" onclick="fn_change()">
    </body>
    </html>