js获取iframe内容高度

// 获取iframe元素
var iframe = document.getElementById('myIframe');

// 等待iframe加载完成
iframe.onload = function() {
    // 获取iframe内部的document对象
    var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
    
    // 获取内容高度
    var contentHeight = iframeDocument.body.scrollHeight;
    
    // 设置iframe的高度
    iframe.style.height = contentHeight + 'px';
};

// 当iframe内容加载完成后发送高度信息给父页面
window.onload = function() {
    var height = document.body.scrollHeight;
    parent.postMessage({ iframeHeight: height }, '*');
};

// 监听来自iframe的消息
window.addEventListener('message', function(event) {
    // 确保消息来源是可信的
    if (event.origin !== 'http://example.com') return;
    
    // 获取iframe高度并设置
    var iframe = document.getElementById('myIframe');
    iframe.style.height = event.data.iframeHeight + 'px';
});