Iframe 適応高さコードに関する 3 つの議論

（関数（）{
var フレーム = document.getElementById("frame_content_parent"),
setIframeHeight = 関数(){
var frameContent = frame.contentWindow.document,
frameHeight = Math.max(frameContent.body.scrollHeight、frameContent.documentElement.scrollHeight);
フレームの高さ = フレームの高さ;
};
フレームにイベントリスナーを追加します。
frame.addEventListener("load",setIframeHeight,false);
}それ以外{
フレームをアタッチするイベントを"onload"に設定し、IframeHeightを設定します。
}
})();

（関数（）{
var _reSetIframe = 関数(){
var フレーム = document.getElementById("frame_content_parent")
試す {
var frameContent = frame.contentWindow.document,
bodyHeight = Math.max(frameContent.body.scrollHeight、frameContent.documentElement.scrollHeight);
bodyHeight != frame.height の場合{
フレームの高さ = bodyHeight;
}
}
キャッチ(例) {
フレームの高さ = 1800;
}
}
フレームにイベントリスナーを追加します。
frame.addEventListener("load",function(){setInterval(_reSetIframe,200);},false);
}それ以外{
フレームにイベントを添付します("onload",function(){setInterval(_reSetIframe,200);});
}
})();

#frame_content_parent{ 高さ:1800px; }
（関数（）{
var $ = YAHOO.util.Dom、
フレーム = $.get("frame_content_parent");
関数 reSetIframe(){
var frameContent = frame.contentWindow.document,
bodyHeight = Math.max(frameContent.documentElement.scrollHeight、frameContent.body.scrollHeight);
bodyHeight != $.getStyle(frame, "height") の場合{
$.setStyle(フレーム、"高さ"、ボディ高さ + "px");
}
}
if(フレーム){
$.setStyle(フレーム、高さ、自動)。
フレーム間隔を300に設定します。
}
})();

//Bページスクリプト
//タスク: 実際の高さを計算し、iframe ノードを生成し、プロキシ ページ C のアドレスの一部として高さを Src 属性に割り当てます。
（関数（）{
var agent_iframe = document.createElement("iframe"),
b_height = Math.max(document.documentElement.scrollHeight、document.body.scrollHeight);
agent_iframe.src = "http://demo.zhouqicf.com/js/2010/iframe_height/agent_iframe_once.html#" + b_height;
ドキュメント本体に子要素を追加します(agent_iframe)。
agent_iframe.style.display = "なし";
})();

//Cページスクリプト
//タスク: リクエストアドレスの高さの値を取得し、ページ A の Iframe の高さに割り当てます。
window.top.document.getElementById("frame_content_parent").height = parseInt(window.location.hash.substring(1),10);

//Bページスクリプト
（関数（）{
var getHeight = 関数(){
Math.max(document.documentElement.scrollHeight、document.body.scrollHeight) を返します。
};
var preHeight = getHeight(),
エージェントiframe;
var createIframe = function(height){
agent_iframe = document.createElement("iframe");
agent_iframe.style.height = "0";
agent_iframe.style.width = "0";
agent_iframe.style.border = "なし";
agent_iframe.src = "http://demo.zhouqicf.com/js/2010/iframe_height/agent_iframe.html#" + 高さ;
ドキュメント本体に子要素を追加します(agent_iframe)。
}
Iframe を作成します (preHeight);
var checkHeight = 関数(){
var 現在の高さ = getHeight();
現在の高さが現在の高さと等しい場合
agent_iframe.src = "http://demo.zhouqicf.com/js/2010/iframe_height/agent_iframe.html#" + 現在の高さ;
preHeight = 現在の高さ;
}
タイムアウトを設定します(checkHeight,500);
}
タイムアウトを設定します(checkHeight,500);
})();

//Cページスクリプト
（関数（）{
var preHeight = parseInt(window.location.hash.substring(1),10)、
ifrmae = window.top.document.getElementById("frame_content_parent");
ifrmae.height = プレHeight;
setInterval(関数(){
var newHeight = parseInt(window.location.hash.substring(1),10);
(newHeight !== preHeight)の場合{
ifrmae.height = 新しい高さ;
プレハイト = 新しいハイト;
}
},500);
})();

//Bページキースクリプト
agent_iframe.src = "http://demo.zhouqicf.com/js/2010/iframe_height/agent_iframe.html?a=" + Math.random() + "#" + 現在の高さ;
//Cページスクリプト
window.top.document.getElementById("frame_content_parent").height = parseInt(window.location.hash.substring(1),10);