javascript - jQuery跨域iframe高度问题

Question

我有以下确定 iframe 内容高度的 javascript:

var body = document.body, html = document.documentElement;
var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);

第一次，效果很好!获得高度后，我将其发布到父页面，如下所示:

parent.postMessage(height, '*');

在父页面上，我监听发布消息事件并设置 iframe 的高度，如下所示:

$('#frame').height(data);

到目前为止一切顺利!现在，当 iframe 在其内部导航到另一个页面并重新计算内容高度时，它会不断返回它第一次计算的高度。

我假设这是因为 iframe 现在有明确的高度。我如何确保获得实际的内容高度而不是 iframe 上设置的高度？

Answer 1

您必须在 document.ready 上计算高度。

我建议你使用easyXDM在 postMessage 上获得一些回退。 easyXDM has an example exactly about getting an iframe height .