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