js dynamically get screen width and height

Javascript:

The width of the visible area of ​​the web page: document.body.clientWidth

The visible area of ​​the web page is high: document.body.clientHeight

The width of the visible area of ​​the web page: document.body.offsetWidth (including the width of the border)

The height of the visible area of ​​the web page: document.body.offsetHeight (including the height of the edge)

Web page body full text width: document.body.scrollWidth

Height of the full text of the page body: document.body.scrollHeight

The web page is scrolled high: document.body.scrollTop

The page is scrolled to the left: document.body.scrollLeft

On the body of the page: window.screenTop

The left part of the body of the webpage: 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 gets screen width and height in real time

resize interface description

// native jswindow.οnlοad=function(){changeDivHeight();}//When the browser window size changes, set the height of the displayed contentwindow.οnresize=function(){changeDivHeight();}function changeDivHeight(){var h = document.documentElement.clientHeight;//Get page visible height}// jquery$(window).resize(function(){var Height = $(window).height();var Width = $(window).width();})