Question

我需要在网络浏览器中获得整个可用空间的高度，这样我就可以将div放在屏幕的中间位置并将其拉伸一直。

我认为document.body.clientHeight会起作用，但会返回占用的空间，而不是总可用空间。

我还尝试围绕所有事情制作一个“包装”div：

<div id="wrapper" style="height: 100%; width: 100%;">
    //my other code
</div>

并且达到了这个高度，但仍然占据了空间。

如何使用Javascript或jQuery获取Web浏览器中的总可用空间？

Answer 1

来自jQuery docs height()

This method is also able to find the height of the window and document.

    $(window).height();   // returns height of browser viewport
    $(document).height(); // returns height of HTML document

Answer 2

我的意思是元素的父元素中可用的空间，你可以尝试这个......

var entireHeight=$('#elementID').parent().height();

var siblingHeight=0;

var elementSiblings=$('#elementID').siblings();

$.each(elementSiblings, function() {
    siblingHeight= siblingHeight+$(this).height();
});

减去值，即

(entireHeight-siblingHeight)

应该为您提供可用空间。

希望它有所帮助.. :)告诉我如果它不起作用。

Answer 3

使用jquery

的简单示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>
        A2CARE 2.0
    </title>

    <script type="text/javascript" language="Javascript" src="jslib/jquery.js"></script>
    <script type="text/javascript">

        function getheight(){
            var d= document.documentElement;
            var b= document.body;
            var who= d.offsetHeight? d: b ;
            return who.clientHeight;

        }
        $(document).ready(function() {      
                var h = getheight();
                document.getElementById('tryme').style.height= h + 'px';
            });
    </script>
</head>
<body>  
    <div id="tryme" style="border: 2px solid red;">
        try me!
    </div>
</body>

Answer 4

你可以直接在javascript中使用

screen.width
screen.height

你可以像

那样分配

document.getElementById("parentId").style.width = (screen.width - 100)+"px";
document.getElementById("parentId").style.height = (screen.height-300)+"px";

Answer 5

这很简单

var max_height = screen.availHeight-（window.outerHight-window.innerHight）

如何获得整个可用空间的高度？

5 个答案: