麻烦使用javascript浏览器获取的数据检测大小

时间:2013-03-21 13:50:27

标签: javascript dom

对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>

任何人都可以指出正确的方向并填补我的知识空白。

1 个答案:

答案 0 :(得分:0)

这里 - 我不知道你从哪里获得getSize - 你有两个var高度,这是不正确的语法

DEMO

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