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