使用Javascript检测可视区域的高度

问题描述 投票：0回答：3

我想使用 Javascript 检测可视区域的高度。我有这个高度为 550px 的 DIV，我想在浏览器上显示它。但是，此高度可能会导致垂直滚动条出现在某些浏览器上（取决于用户安装的工具栏数量）。在那种情况下，我想检测到这一点，并提醒用户。

我尝试使用 

document.body.clientHeight
但它似乎不起作用...当我尝试添加新工具栏并刷新页面时给我相同的高度。

javascript dom browser height
3个回答
6
投票

这应该可以帮助你： http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

5
投票

在 jQuery 中非常简单（并且在不同平台上运行良好）：

<html>
    <head>
        <title>Heyo</title>
        <script type="text/javascript" src="jquery.js"></script>
    </head>
    <body>
        <script type="text/javascript">
            $(document).ready(function(){
                alert($(window).height());
                });
        </script>
    </body>
</html>

文档在这里

1
投票

YUI 也很简单。

<html>
 <head>
  <title>Heya</title>
  <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.0.0b1/build/yui/yui-min.js"></script>
 </head>
 <body>
   <script type="text/javascript">
    YUI().use('node', function(Y) {
      alert(Y.get(document).get('winHeight'));
    });
   </script>
 </body>
</html>

文档在这里

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.