利用js最大化div内嵌iframe

原创于 2010-06-04 14:14:08 发布 · 418 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #HTML #ViewUI

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript定期调整iframe元素高度的方法，确保iframe内容能够完全显示且不会出现滚动条。通过获取iframe内部文档的高度来动态调整iframe自身的高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<script type="text/JavaScript">
  function reinitIframe(){
    var iframe = document.getElementById("mainIFrame");
    try{
      var bHeight = iframe.contentWindow.document.body.scrollHeight;
      var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
      var height = Math.max(bHeight, dHeight);
      iframe.height = height - 1;
    }catch (ex) {}
  }
  window.setInterval("reinitIframe()", 200);
</script>


<div align="center">
  <Iframe id="mainIFrame" src="Main.aspx" width="998" scrolling=no frameborder="0">
  </Iframe >
</div>