JS and jquery get the width and height of various screens

Javascript:

Page visible area wide: document.body.clientWidth

Page visible Area High: document.body.clientHeight

Web page Visible area wide: document.body.offsetWidth (including edge width)

Page visible Area High: document.body.offsetHeight (including edge height)

Page body Full text width: document.body.scrollWidth

The full text of the Web page High: document.body.scrollHeight

Web pages are rolled up high: Document.body.scrollTop

Pages were rolled away to the left: Document.body.scrollLeft

Web page body part: Window.screentop

Page body part left: Window.screenleft

High screen resolution: Window.screen.height

Width of screen resolution: Window.screen.width

Screen available Workspace height: window.screen.availHeight

Screen available workspace width: window.screen.availWidth

Jquery:

$ (document). Ready (function () {

Alert ($ (window). Height ()); Browser current window visual area height

Alert ($ (document). Height ()); The height of the browser's current window document

Alert ($ (document.body). Height ());//browser Current window document body level

Alert ($ (document.body). Outerheight (True))//Browser Current window document body's total height includes border padding margin

Alert ($ (window). width ()); Browser current window visual area width

Alert ($ (document). width ());//browser Current window Document object widths

Alert ($ (document.body). width ());//browser Current window document body widths

Alert ($ (document.body). Outerwidth (True))//Browser The total width of the body of the current window document includes border padding margin

})