javascript - iframe 是否可以在没有主窗口帮助的情况下自行调整大小？

Question

主窗口和 iframe 都在同一个域中，但我想要实现的是仅在该 iframe 中使用 js 调整 iframe 的大小以适应其内容。

我也不知道主窗口分配给它的 iframe 的 ID。我不想为此使用 jquery 或任何其他框架。

Answer 1

您也可以在不知道父窗口中 iframe 的 id 的情况下执行此操作:

window.frameElement.style.width = iframeContentWidth + 'px';
window.frameElement.style.height = iframeContentHeight + 'px';

请参阅 MDN 处的 frameElement .

编辑

以防万一 iframe 恰好位于具有固定大小和 overflow: hidden 的容器元素中，您可以这样做:

function resizeIframe (iframeContentWidth, iframeContentHeight) {
    var container = window.frameElement.parentElement;
    if (container != parent.document.body) {
        container.style.width = iframeContentWidth + 'px';
        container.style.height = iframeContentHeight + 'px';
    }
    window.frameElement.style.width = iframeContentWidth + 'px';
    window.frameElement.style.height = iframeContentHeight + 'px';
    return;
}