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