javascript - Web ページの高さを確認する方法は?

Question

別のサイトの iframe に読み込まれるフォームがあるとします。現在、新しいバージョンがあり、ロードされたサイトに完全に収まるように、以前のフォームと同じ高さに一致する必要があります。

JavaScript を使用しても、Web ページの高さを確認するにはどうすればよいでしょうか? 次に、両方を確認して比較できます。ページの垂直方向のピクセル数と同様です。

編集

iframe を無視して、現在の html ドキュメントの高さを探すだけです。

Answer 1

ドキュメントの高さを取得するには、次を使用します。

jQuery

$(document).height()

Javascriptのみ（クロスブラウザで動作）

function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.clientHeight, D.documentElement.clientHeight
    );
}

---

Max(documentHeight, browserHeight) の場合:

jQuery

Math.max($(document).height(), $(browser).height());

Javascriptのみ（クロスブラウザで動作）

function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.offsetHeight, D.documentElement.offsetHeight,
        D.body.clientHeight, D.documentElement.clientHeight
    );
}

Answer 2

あなたが実際に何を求めているのか、あなたの質問からはかなり不明確です。ただし、親ドキュメントの高さを取得しようとしている場合は、次を使用する必要があります。

var parents_height = parent.document.body.clientHeight;

これは、親ウィンドウ ドキュメントの高さを返します。ただし、iframe/popup が同じドメインにある場合にのみ返されます。

現在のドキュメントの高さのみに関心がある場合は、次を使用します。

var height = document.body.clientHeight;

ただし、CSS で body タグの高さを操作した場合、問題が発生する可能性があります。次のように jQuery を使用する方がよい場合があります。

$(document).height();

Answer 3

scrollHeight プロパティはどうですか

https://developer.mozilla.org/en-US/docs/Web/API/element.scrollHeight

Answer 4

これを試して

var _docHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight;
    var _docWidth = (document.width !== undefined) ? document.width : document.body.offsetWidth;

Answer 5

この単純な JavaScript コード行で答えが得られます

document.body.offsetHeight;

ドキュメント全体がロードされた後にフェッチする必要があることに注意してください

<script>
window.onload = function() {
    document.body.offsetHeight;
}
</script> 

Answer 6

jQueryの高さ関数を使用できます：

$(document).height();