调整不同域上的iframe高度

时间:2015-02-17 09:29:10

标签: javascript jquery html iframe

我允许我的网站的一部分显示在另一个网站(不同的域)中。

我担心的是将iframe的高度设置为其内容的高度。我可以使用this solution,但我的情况是跨浏览器的情况,所以这不起作用。

我试图通过以下方式获得iframe的高度:

window.parent.document.getElementById('id_iframe').contentDocument.body.scrollHeight;

但这只是给出了可见的高度。

我错过了什么?

1 个答案:

答案 0 :(得分:1)

您无法使用JavaScript访问用户从其他域加载的内容。这将是一种安全风险。

通过其他网站的合作,当其postMessage事件触发时,您可以收到其他网站发送的消息(通过load),告诉您其高度(然后您可以调整大小)回应那个)。

resize事件发生时,它也可能发出新的高度。