window height vs document height

Question

I am having problem of getting wrong height with     window  height      and got the similar question here  In my case when I try     document  height      it seems to return me correct result   window height returns 320  while document height returns 3552   I found this question too   But in my case window already gets loaded completely as I am calling height function after few ajax operations   So what is the best way to know the height of the current window   Edit

User · Answer

This fixed me   var width   window innerWidth  var height   window innerHeight

User · Answer

AFAIK   window  height    returns the height of your window and   document  height    returns the height of your document

User · Answer

jQuery   window  height    or   window  width    is only work perfectly when your html page doctype is html  lt  DOCTYPE html gt   lt html lang  quot en quot  gt

User · Answer

you need know what it is mean about document and window    The window object represents an open window in a browser click here The Document object is the root of a document tree click here

User · Answer

document  height if your device height was bigger  Your page has Not any scroll     document  height  assume you have not scroll and return this height     window  height  return your page height on your device

User · Answer

Well you seem to have mistaken them both for what they do     window  height   gets you an unit-less pixel value of the height of the  browser  window aka viewport  With respect to the web browsers the viewport here is visible portion of the canvas which often is smaller than the document being rendered      document  height   returns an unit-less pixel value of the height of the document being rendered  However  if the actual document   s body height is less than the viewport height then it will return the viewport height instead   Hope that clears things a little

[jquery] $(window).height() vs $(document).height

Examples related to jquery