JavaScript – Get Browser Height

by

You’ll want something like this, taken from http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.alert( 'Width=" + myWidth );
  window.alert( "Height=" + myHeight );
}

So that”s innerHeight for modern browsers, documentElement.clientHeight for IE, body.clientHeight for deprecated/quirks.

More Related Contents:

  1. Have a pop up window when clicking on an image
  2. Is there a way to detect if a browser window is not currently active?
  3. Creating a textarea with auto-resize
  4. window.location.href and window.open () methods in JavaScript
  5. What’s the difference between window.location= and window.location.replace()?
  6. Get viewport/window height in ReactJS
  7. How to prevent closing browser window?
  8. Get width height of remote image from url
  9. Get the visible height of a div with jQuery
  10. Javascript window.open pass values using POST
  11. $(window).scrollTop() vs. $(document).scrollTop()
  12. window.open() on a multi-monitor/dual-monitor system – where does window pop up?
  13. What’s the difference between self and window?
  14. ReferenceError and the global object
  15. CSS height 100% percent not working [duplicate]
  16. location.host vs location.hostname and cross-browser compatibility?
  17. Difference between screen.availHeight and window.height()
  18. Finding number of lines in an html textarea
  19. jQuery/JS, iOS 4 and $(document).height() problems
  20. Storing a variable in the JavaScript ‘window’ object is a proper way to use that object?
  21. window.close() doesn’t work – Scripts may close only the windows that were opened by it
  22. javascript to get paragraph of selected text in web page
  23. JavaScript window.open only if the window does not already exist
  24. When to use window.opener / window.parent / window.top
  25. How to run function of parent window when child window closes?
  26. js window.open then print()
  27. onClick Function “this” Returns Window Object
  28. window.opener.focus() doesn’t work
  29. Disabling enter key for form
  30. Clear localStorage on tab/browser close but not on refresh

Leave a Comment