javascript - 调整 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;

它比您目前拥有的三个测试更适合您。