如何在嵌入式页面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;