html - ソースの高さが動的に変化するときに iframe の高さが変化しない

Question

私はhtmlページAとBを持っています。iframeを使用してhtml Aにhtml Bページを含めています。

iframe ソースが「ページ B」を指すことを意味します。

問題は、ページ B が動的に変化する場合です - iframe の高さが変化しません。どうすればこれを制御できますか?

Answer 1

iframe はページ A の一部であるため、そのサイズはページ 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