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

How to get the parent iframe size in the embedded page js code?

本文关键字：获取 大小 iframe 代码 js 嵌入式      更新时间：2023-09-26

我正在编写一个标牌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;
相关文章：