基于Javascript的可视区域高度检测_Javascript_Dom_Browser_Height

基于Javascript的可视区域高度检测

javascript dom browser

基于Javascript的可视区域高度检测,javascript,dom,browser,height,Javascript,Dom,Browser,Height,我想使用Javascript检测可视区域的高度。我想在浏览器上显示高度为550px的DIV。但是，此高度可能会导致垂直滚动条出现在某些浏览器上（取决于用户安装的工具栏数量）。在这种情况下，我希望检测到这一点，并提醒用户我试着使用document.body.clientHeight，但似乎不起作用。。。当我尝试添加新工具栏并刷新页面时，显示相同的高度这将有助于您：在jQuery中非常简单（并且在不同平台上运行良好）：嗨 $（文档）.ready（函数（）{ 警报（$（窗口）.height（

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

我试着使用

document.body.clientHeight

，但似乎不起作用。。。当我尝试添加新工具栏并刷新页面时，显示相同的高度

这将有助于您：

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


嗨
$（文档）.ready（函数（）{
警报（$（窗口）.height（））；
});

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>


呵呵
YUI（）。使用（'node'，函数（Y）{
警报（Y.get（document.get（'winHeight'））；
});

+1表示不在库中的解决方案。我们不能仅仅为了避免再写5或6行而加载一个+1000行的完整库。-1：这只是整个内容的高度，而不是窗口的高度。（例如，我的内容高1450px，但我的窗口只有641px.$（window）.height（）返回1450。）

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