调整iframe Internet Explorer 9的大小

时间:2013-03-25 23:04:17

标签: javascript html iframe resize internet-explorer-9

尝试创建一个在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>

1 个答案:

答案 0 :(得分:1)

我想如果你刚刚做了

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

而不是你现在拥有的三项测试,它对你来说会更好。