当源高度动态变化时，iframe高度不会改变

Question

我有html页面A和B. 我在html A中使用iframe包含html B页面。

表示iframe源指向“页面B”。

问题是，如果页面B动态变化 - iframe高度不变。 我该怎么控制呢？

Answer 1

iframe是Page A的一部分，因此它的大小由Page A的DOM控制。如果您希望页面B（iframe内容）影响页面A上iframe的大小，那么只要页面A和页面B位于同一个域中，您就可以使用一些Javascript。

适用于第B页的JavaScript：

var iframe = window.parent.getElementById("iframe-id"); // Get the iframe from the parent window
iframe.style.width = newwidth; // set its width (should be a string "##px")
iframe.style.height = newheight; // set its height (should be a string "##px")

从动态更改页面B上元素大小的任何内容中检索newwidth和newheight。