html - iframe height not changing when the source height changes dynamically

Question

I have html pages A and B. I am including html B page in html A using iframe.

Means iframe source point to "page B".

Issue is, if the page B changes dynamically - iframe height is not changing. How can I control this?

Answer 1

iframe 是 Page A 的一部分，因此它的大小由 Page A 的 DOM 控制。如果您希望页面 B（iframe 内容）影响页面 A 上 iframe 的大小，则可以使用一些 Javascript 来实现，前提是页面 A 和页面 B 位于同一域中。

适用于页面 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