js获取iframe中的高度

// 假设iframe的id为'myIframe'
var iframe = document.getElementById('myIframe');

// 等待iframe加载完成
iframe.onload = function() {
    // 获取iframe内部的document对象
    var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
    
    // 获取iframe内部文档的高度
    var height = innerDoc.body.scrollHeight;
    console.log('Iframe height:', height);
};

function sendHeightToParent() {
    var height = document.body.scrollHeight;
    parent.postMessage({ iframeHeight: height }, "*");
}

// 页面加载完成后发送高度
window.onload = sendHeightToParent;

// 如果内容可能动态变化，可以监听resize事件
window.onresize = sendHeightToParent;

window.addEventListener('message', function(event) {
    // 安全检查，确保消息来源可信
    if (event.origin !== "http://example.com") return;
    
    // 获取iframe高度
    var height = event.data.iframeHeight;
    console.log('Received Iframe height:', height);
});