JS get browser height and width

。 If so, the values of Document.documentElement.clientWidth and document.documentElement.clientHeight are used respectively. Otherwise, the values of Document.body.clientWidth and document.body.clientHeight are used.

var pagewidth = window.innerwidth,
var pageheight = window.innerheight;
if (typeof pagewidth!= "number") {
if (Document.compatmode = = "Number") {
PageWidth = Document.documentElement.clientWidth;
PageHeight = Document.documentElement.clientHeight;
}else{
PageWidth = Document.body.clientWidth;
PageHeight = Document.body.clientHeight;
}
}

The standard of the consortium is as follows

In IE:
Document.body.clientWidth ==> Body Object width
Document.body.clientHeight ==> Body Object Height
Document.documentElement.clientWidth ==> Visible Area width
Document.documentElement.clientHeight ==> Visible Area height
In Firefox:
Document.body.clientWidth ==> Body Object width
Document.body.clientHeight ==> Body Object Height
Document.documentElement.clientWidth ==> Visible Area width
Document.documentElement.clientHeight ==> Visible Area height

Opera in:
Document.body.clientWidth ==> Visible Area width
Document.body.clientHeight ==> Visible Area height
Document.documentElement.clientWidth ==> Page Object width (that is, the body object width plus margin width)
Document.documentElement.clientHeight ==> Page Object height (that is, height of the body object plus margin high)

The following diagram illustrates