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 - 你有两个 var 高度，这是不正确的语法

演示

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;
}