iframeの高さをコンテンツに合わせる

Question

iframeの高さをコンテンツ内のコンテンツに合わせるにはどうすればよいですか？私はあなたがコンテンツの高さとiframeの高さの違いを計算すると思います（私は何をする方法がわからない）と高さとして使用する変数をインクリメントするためにwhileループで使用するが、私はラップすることはできませんこれらのことを実際どのように行うかについては頭を下げてください。質問する前に：はい、フレーム内のコンテンツは私のサイトからです。クロスドメインではありません。

Answer 1

あなたは、AJAXを経由して、たとえば、IFRAMEなく満たされた動的なdiv要素を使用する理由はかなりわからない、しかし：

のdivの高さを取得し、その後、div要素の中にはiframe内のコンテンツを入れてください。

$("#divId").height(); 

をしかし、あなたはjqueryのを使用できない場合は、これを使用することができるはずです：：私はそうのようにjqueryのを使用してお勧めしたい

document.getElementById("divId").offsetHeight; 

が次にあなたがインラインフレームの高さを設定する必要があるだろうあなたが得たものに

jqueryの：

$("#iframeId").height($("#divId").height()); 

定期JS：

document.getElementById("iframeId").style.height = 
document.getElementById("divId").offsetHeight; 

Answer 2

<iframe id="moo" src="something.html"><iframe> 
<script> 
function onContentChange(){ 
    var NewSize=$('moo').getScrollSize(); 
    $('moo').setStyles({ 
    width: NewSize.x, 
    height: NewSize.y 
    }); 
} 
</script> 

とsomthing.htmlの内側に、底部またはのonloadイベントに

window.parent.window.onContentChange() 

の行に何かをします

Answer 3

javascのiframeを動的にレンダリングするコンテナ要素（ "td1"）が描画されると、riptを返します。

<script type="text/javascript"> 
    var iframesrc = "@Href("~/about")"; 
    function init() { 
    var vHeight = document.getElementById("td1").offsetHeight; 
    document.getElementById("td1").innerHTML="<iframe style=\"width:100%; height:" + vHeight + "px\" src=\"" + iframesrc + "\"></iframe>"; 
    } 
    window.onload = init; 
</script> 

...

<td id="td1" style="width: 100%; height:100%;">     
</td> 

Answer 4

は、ここではjQueryを使用したソリューションです：

$('#iframe').height($('#iframe').contents().find('body').height());