JavaScript, jquery Gets the height and width of the page

javascript:

Viewable area width  :document.documentElement.clientWidth  (width + padding)

Viewable Area high  :document.documentelement.clientheight (height + padding)

Viewable area width:  document.body.offsetwidth  (including edge width: width + padding + border)

viewable area High:  document.body.offsetheight   (including edge height: height + padding + border)

Content High  : document.body.scrollheight

Document High  :  Document.body.offsetHeight

Vertical scrolling distance  : document.body.scrolltop | | Document.documentElement.scrollTop

Horizontal scrolling distance  : document.body.scrollleft | | Document.documentElement.scrollLeft

jquery:

Viewable area width  :  $ (window). Width ()   

Visible Area High  :$ (window). Height ()

Page document width  :$ (). width ();
The document height  :$ of the
page. Height ();

Gets the vertical width  :$ (document) of the scroll bar to the left. ScrollLeft ();
The
gets the vertical height  :$ (document) of the scroll bar to the top. scrolltop ();

JavaScript, jquery gets the height and width of the Web page