2009-06-09 4 views
6

Ich möchte die Höhe des sichtbaren Bereichs mit Javascript erkennen. Ich habe dieses DIV der Höhe 550px, das ich auf dem Browser anzeigen möchte. Diese Höhe kann jedoch dazu führen, dass die vertikale Bildlaufleiste in einigen Browsern angezeigt wird (abhängig davon, wie viele Symbolleisten der Benutzer installiert hat). In diesem Fall möchte ich das erkennen und den Benutzer darüber informieren.Erkennung der Höhe des Anzeigebereichs mit Javascript

Ich versuchte mit document.body.clientHeight, aber es scheint nicht zu arbeiten ... gibt mir die gleiche Höhe, wenn ich versuchte, neue Symbolleisten und aktualisiert die Seite.

Antwort

4

Extrem einfach in jQuery (und funktioniert gut auf verschiedenen Plattformen):

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

Documentation here

+3

-1: Das ist nur die Höhe des gesamten Inhalts, nicht die Höhe des Fensters. (zB. Mein Inhalt ist 1450px hoch, aber mein Fenster ist nur 641px. $ (window) .height() gibt 1450 zurück.) –

1

Es mit YUI und einfach ist.

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

Documentation here