javascript - javascript ブラウザで取得したデータのサイズ検出の不具合

Question

JavaScriptが初めてなので、何かが足りないようです。このコードを使用しました。

<script language="JavaScript">
    // Get Browser Viewport Width
    var adjust = "<?php echo $adjust; ?>";
    // Get Browser Viewport Height
    var height = window.innerHeight ||
    document.documentElement.clientHeight ||
    document.body.clientHeight;
    // Get Browser Viewport Height
    var height = window.getSize().y;

    window.alert( 'height = ' + (height - adjust) + 'px' );
</script>

これは完全に機能し、計算が正常に機能していることを示すアラートが表示されます。ただし、高さ変数を正しく転送して、divに要求したことを実行させることができないようです。

本文で使用した次のコード。

<div id="bodyheight">

                </div>
                <script language="JavaScript">
                document.getElementById("bodyheight").style.height = height;</script>

誰でも正しい方向を示し、私の知識のギャップを埋めることができますか.

Answer 1

ここで - どこから getSize を取得したかわかりません - 2 つの var height がありましたが、これは正しい構文ではありません

デモ

window.onload=function() {
// Get Browser Viewport Width
    var adjust = "200";
    // Get Browser Viewport Height
    var height = window.innerHeight ||
    document.documentElement.clientHeight ||
    document.body.clientHeight;
    // Get Browser Viewport Height
    height = (window.getSize)? window.getSize().y:height;
    var newHeight = (height - adjust) + 'px' 
    window.alert(height+' adjusted to '+newHeight);
    document.getElementById("bodyheight").style.height = newHeight;
}