JS and jquery code to get the width and height of various screens

Source: Internet
Author: User
This article introduces JS and jquery to get a variety of screen width and height of the code, a friend in Need can refer to

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:

Copy Code code as follows:


$ (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 Height
Alert ($ (document.body). Outerheight ( true); The total height of the current window document body of the browser includes border padding margin
Alert ($ (window). width ());//browser Current window visual area width
Alert ($ ( Document). Width ())//The current window of the browser is
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
})

Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.