iframe窗口高度自适应的实现方法

在Web开发中，实现iframe窗口高度自适应的方法有几种，这里我将提供一种常见的JavaScript解决方案，它可以在iframe加载完成后，根据内部内容的高度动态调整iframe的高度。

首先，确保iframe的父页面和iframe页面都允许跨域脚本交互（如果不是同源的话）。然后，在iframe的父页面，你可以使用以下JavaScript代码来实现高度自适应：

function adjustIframeHeight(iframeId) {
    var iframe = document.getElementById(iframeId);
    if (iframe) {
        // 兼容处理contentWindow和contentDocument
        var iframeDoc;
        if (iframe.contentDocument) {
            iframeDoc = iframe.contentDocument;
        } else if (iframe.contentWindow) {
            iframeDoc = iframe.contentWindow.document;
        }

        if (iframeDoc) {
            // 等待iframe内容加载完成
            iframeDoc.onreadystatechange = function() {
                if (iframeDoc.readyState == "complete") {
                    // 设置iframe的高度为内部文档的高度（可能需要调整以适应边框等）
                    iframe.style.height = iframeDoc.body.scrollHeight + 'px';
                }
            }
        }
    }
}

// 假设iframe的ID为'myIframe'，在页面加载完成后调用此函数
window.onload = function() {
    adjustIframeHeight('myIframe');
};

请注意，上述代码假设iframe的ID为`myIframe`，并且你需要将这段代码放在iframe的父页面的`