iframe の高さを適応させる (XHTML をサポート、FF をサポート)_JavaScript スキル

まず、このメソッドはローカル ページでもある iframe 内のサブページにのみ限定されることを説明します (外部 Web ページを参照することはできません)

======Method======
ステップ1 js 部分

function getSize() {
var xScroll,
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body. yScroll = window.innerHeight window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // エクスプローラー Mac 以外のすべて
yScroll = document.body. body.offsetHeight;

Var Windowwidth, Windowheight;
If (Self.Innerheight) {// エクスプローラーを除くすべて
Windowwidth = Self.innerWidth
Windowheight = Self.innerheight; ;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 厳密モード
windowWidth = document.documentElement.clientWidth
window Height = document.documentElement.clientHeight; > } else if (document .body) { // その他のエクスプローラー
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;

// 小さい場合合計の高さがビューポートの高さより小さいページ
if(yScroll pageHeight = windowHeight;
y = pageHeight;
} else {

> Width = xScroll;
}

arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) return arrayPageSize
}
このコードは、ページの高さと幅、画面の高さと幅などのターゲット ページのパラメーターを取得するために使用されます

function autoHeight(pid) {
var x = new getSize(); 🎜>parent.document.getElementById(pid).height=x[1];
}
このコードは、親ページの iframe の高さ調整を実装するために使用されます

\\\ \\

2 番目のステップはページ部分です

これは親ページの iframe と同じです。通常の iframe ですが、サブページのパラメータを呼び出すことができるように、id 値を設定する必要があります。


本文の onload イベントを使用して、その高さを親ページの iframe に渡します。