javascript - 如何在嵌入式页面js代码中获取父iframe大小？

Question

我正在编写一个标牌 html 页面以自动全屏显示。我使用 screen.width 和 .height 来获取客户端的屏幕尺寸。现在对于用户可以在标牌上添加/删除内容的编辑页面，我想让用户预览编辑结果，而无需全屏进入标牌站点。所以我计划让 iframe 与客户端屏幕具有相同的比例，并将标牌页面嵌入到编辑页面的 iframe 中。

问题是如何让标牌页面更改大小以适合 iframe？或者我如何从嵌入页面获取父页面的 iframe？screen.width 和 $(document).width 似乎具有相同的结果。

我使用 python GAE、webapp2、jinja2。

Answer 1

在嵌入页面中，您可以检索iframe父页面中元素的大小，如下所示：

var width = window.frameElement.offsetWidth,
    height = window.frameElement.offsetHeight;