Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/63.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在嵌入的页面js代码中获取父iframe大小?_Javascript_Html_Iframe_Size_Screen - Fatal编程技术网

Javascript 如何在嵌入的页面js代码中获取父iframe大小?

Javascript 如何在嵌入的页面js代码中获取父iframe大小?,javascript,html,iframe,size,screen,Javascript,Html,Iframe,Size,Screen,我正在写一个自动全屏显示的标牌html页面。我使用screen.width和.height来获得客户的屏幕大小。现在,对于用户可以在标牌上添加/删除内容的编辑页面,我想让用户预览编辑结果,而无需全屏进入标牌网站。因此,我计划让iframe与客户端屏幕具有相同的比例,并将看板页面嵌入编辑页面上的iframe中 问题是我如何让标牌页面改变大小以适应iframe?或者如何从嵌入的页面获取父页面的iframe?screen.width和$(document.width)的结果似乎相同 我使用python

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

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


我使用python GAE、webapp2、jinja2。

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

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

您是否尝试过从iframe内部使用window.offsetWidth?