javascript - 当加载不同的页面时如何动态更改 iframe 的高度答案

【问题标题】：How change Height of iframe dynamicly when different pages loaded in it , by javascriptjavascript - 当加载不同的页面时如何动态更改 iframe 的高度
【发布时间】：2023-04-04 01:50:01
【问题描述】：

我想要一个改变 iframe 高度以及改变 iframe 内容高度的 JavaScript 代码。

我不想只在主页加载时计算高度，iframe 内容有一些用 Ajax 加载的元素并且在不刷新整个页面的情况下发生变化，因此内容的高度会动态变化而无需重新加载。我想要一些方法来动态计算 iframe 内容的高度并更改 iframe 本身的高度属性。

有可能吗？

【问题讨论】：

iframe 是否来自同一个域？

标签： javascript iframe height

【解决方案1】：

代码应如下所示：

function resizeFrame(f) {
    f.style.height = f.contentWindow.document.body.scrollHeight + “px”;
}

您可以找到此 URL 的示例：

http://www.mattcutts.com/blog/iframe-height-scrollbar-example/

【讨论】：

必须提到，该方法仅在主窗口和框架来自同一域时才有效。否则，您将无法访问其上的document 属性。
谢谢，不 IFrame 来自另一个域。所以我无法计算其他域的大小:(