调整 iframe Internet Explorer 9 的大小

Question

尝试创建一个函数，在 window.onload 处重新调整 iframe 的大小。

以下适用于 Fire Fox，但不适用于 IE 9。搜索后，我尝试了其他一些示例，但它们弄乱了 Fire Fox 的大小调整，并且没有修复 IE 9 的大小调整。

有什么建议吗？

<script type="text/javascript" language="javascript">
  function sizeFrame() {
    var frames = document.getElementsByTagName('iframe'); 
    for (var i = 0; i < frames.length; i++){ 
      var fID     = frames[i].id; 
      var F       = document.getElementById(fID);

      if(F.contentDocument && F.contentDocument.documentElement.scrollHeight) {
        F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome

      } else if(F.contentDocument && F.contentDocument.documentElement.offsetHeight) {
        F.height = F.contentDocument.documentElement.offsetHeight+30; //standards compliant syntax – ie8

      } else {
        F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome
      }
    }
  }


  window.onload=sizeFrame; 
</script>

Answer 1

我想如果你这样做了

F.contentWindow.document.body.offsetHeight+30;

与您目前进行的三个测试相比，它对您的效果会更好。