JavaScript を使用して Iframe アダプティブ高さ_javascript スキルを実装する

方法 1:

コードをコピーします コードは次のとおりです:

$(window.parent.document).find("#ContentIframe").load(function() {
var main = $(window.parent.document).find("#ContentIframe");
var thisheight = $(document).height();
If (この高さ この高さ = 800;
main.height(thisheight);
});

この書き方では、読み込み時に固有の要素の高さを調整することしかできず、要素が変更された場合（要素を大量に追加して高さが変わるなど）、親フォームのiframeの高さを変更することができません。

方法 2:

コードをコピーします コードは次のとおりです:

関数 setMainHeight() {

var main = $(window.parent.document).find("#ContentIframe");
var thisheight = $("body").height();
If (この高さ Main.height(thisheight 50);

setTimeout(setMainHeight, 2000);
}

サブページの高さの変更を決定するためにポーリングするタイマーを追加します。

上記の 2 つはどちらも iframe であり、高い適応性を実現します。プロジェクトのニーズに応じて自由に選択してください。