jQueryでiframeをフロントエンドの高さに適応させる方法

今回は、jqueryiframe をフロントエンドの高さに適応させる方法について説明します。 jquery で iframe をフロントエンドの高さに適応させるための 注意事項 は何ですか。実際のケースを見てみましょう。見て。

iframe コード、ID の書き込みに注意してください

<iframe src="test.html" id="main" 
width
="700" 
height
="300" frameborder="0" scrolling="auto"></iframe>

jquery コード 1:

//注意：下面的代码是放在test.html调用 
$(window.parent.
document
).find("#main").load(function(){ 
var main = $(window.parent.document).find("#main"); 
var thisheight = $(document).height()+30; 
main.height(thisheight); 
});

jquery コード 2:

//注意：下面的代码是放在和iframe同一个页面调用 
$("#main").load(function(){ 
var mainheight = $(this).contents().find("body").height()+30; 
$(this).height(mainheight); 
});

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、注意してください。 php 中国語 Web サイトの他の関連記事へ!

推奨読書:

iframe での JQuery クロスドメイン操作 DOM メソッド

AJAX セカンダリ リンケージの実装方法とは何ですか

以上がjQueryでiframeをフロントエンドの高さに適応させる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。