How to get document height and width without using jquery

Question

How to get document height and width in pure javascript i e without using jquery  I know about   document  height   and   document  width    but I want to do this in javascript   I meant page s height and width

User · Answer

You can try also   document body offsetHeight document body offsetWidth

User · Answer

Even the last example given on http   www howtocreate co uk tutorials javascript browserwindow is not working on Quirks mode  Easier to find than I thought  this seems to be the solution extracted from latest jquery code    Math max      document documentElement  clientWidth        document body  scrollWidth        document documentElement  scrollWidth        document body  offsetWidth        document documentElement  offsetWidth        just replace Width for  Height  to get Height

User · Answer

You should use getBoundingClientRect as it usually works cross browser and gives you sub-pixel precision on the bounds rectangle   elem getBoundingClientRect

User · Answer

window is the whole browser s application window  document is the webpage shown that is actually loaded  window innerWidth and window innerHeight will take scrollbars into account which may not be what you want  document documentElement is the full webpage without the top scrollbar  document documentElement clientWidth returns document width size without y scrollbar  document documentElement clientHeight returns document height size without x scrollbar

User · Answer

If you want to get the full width of the page  including overflow  use document body scrollWidth

User · Answer

This is a cross-browser solution   var w   window innerWidth    document documentElement clientWidth    document body clientWidth  var h   window innerHeight    document documentElement clientHeight    document body clientHeight

User · Answer

Get document size without jQuery  document documentElement clientWidth document documentElement clientHeight   And use this if you need Screen size  screen width screen height

User · Answer

How to find out the document width and height very easily   in HTML  lt span id  hidden placer    style  position absolute right 0 bottom 0 visibility hidden   gt  lt  span gt   in javascript       var c document querySelector   hidden placer          var r c getBoundingClientRect         r right document width      r bottom document height    You may update this on every window resize event  if needed

User · Answer

var height   document body clientHeight  var width   document body clientWidth    Check   this article for better explanation

User · Answer

This should work for all browsers devices   function getActualWidth         var actualWidth   window innerWidth                          document documentElement clientWidth                          document body clientWidth                          document body offsetWidth       return actualWidth

[javascript] How to get document height and width without using jquery

Examples related to javascript