javascript - 如何使用 JavaScript 关闭 iframe 滚动？

Question

我正在动态创建一个 iframe：

  function iFrame(parentElement)
  {
    var iframe = document.createElement("iframe");
    if (parentElement == null)
    {
      parentElement = document.body;
    }
    parentElement.appendChild(iframe);
    iframe.doc = null;
    if (iframe.contentDocument)
    {
      iframe.doc = iframe.contentDocument;          // Opera, Firefox
    }
    else if(iframe.contentWindow)
    {
      iframe.doc = iframe.contentWindow.document;   // Internet Explorer
    }
    else if(iframe.document)
    {
      iframe.doc = iframe.document;
    }
    if(iframe.doc == null)
    {
      throw "Application failed to dynamically create an iframe content";   
    }
    iframe.doc.open();
    iframe.doc.close();
    return iframe;
  }

...与 document.onload：

  function onPageLoad()
  {
    var iframeDiv = document.getElementById("iframeDiv");
    var iframe = new iFrame(iframeDiv);
  }

如何将此 iframe 拉伸到其父 div 并使用 JavaScript 关闭滚动？

Answer 1

您可以通过设置关闭 iframe 中的滚动：

iframe.style.overflow = "hidden"

如果父 div 具有定义的高度和宽度，那么您可以将 iframe 设置为具有 100% 的高度和宽度：

iframe.style.width = iframe.style.height = "100%";

上一个 SO question/answer中的更多信息。