iframe サブページの JavaScript 読み込み、適応型高さ_JavaScript スキル

メイン ページには、

内に配置された iframe を持つ div があるとします。コードをコピーします コードは次のとおりです:

3 つのメニュー リンク、1.html、2.html、3.html を読み込みますそれぞれ iframe ページ内にあります。

3 つのサブページは、それぞれ独自のページに window.onload がロードされた後に実行されます

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

function aa(){
var newHeight = document.body.scrollHeight 20 "px";
window.parent.document.getElementById("frameBox ").style.height = newHeight;
//上記の Firefox は成功しますが、次の文を ie6 に追加する必要があります。そうしないと、iframe の高さは変更されますが、表示される領域は変更されません
window.parent .document.getElementById("frameWin").style.height = newHeight;
}

次のメソッドは、コードをメイン ページに配置するだけです:
ページ コード:

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

js スクリプト (メイン ページに追加):

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

function test2(){
var FrameWin = document .getElementById("frameWin");
var FrameBox = document.getElementById("frameBox");
if (frameWin.Document){
newHeight = FrameWin.Document.body.スクロール高さ 20 "px";
}else{
newHeight = FrameWin.contentDocument.body.scrollHeight 20 "px";
frameWin.style.height = newHeight; .height = newHeight
}