js获取 iframe高度

// 假设 iframe 的 id 是 'myIframe'
var iframe = document.getElementById('myIframe');
var iframeHeight = iframe.contentWindow.document.body.scrollHeight;
console.log('Iframe height:', iframeHeight);

// 在父页面中
window.addEventListener('message', function(event) {
    // 检查消息来源是否可信
    if (event.origin !== 'http://example.com') return;
    console.log('Received iframe height:', event.data);
});

// 在 iframe 页面中
window.onload = function() {
    var height = document.body.scrollHeight;
    parent.postMessage(height, 'http://parent.example.com');
};

// 确保 iframe 内容加载完成后再获取高度
document.getElementById('myIframe').onload = function() {
    var iframeHeight = this.contentWindow.document.body.scrollHeight;
    console.log('Iframe height:', iframeHeight);
};