clientHeight、clientWidth innerHeight innerWidth

https://www.runoob.com/jsref/prop-win-innerheight-innerwidth.html

innerHeight 返回窗口的文档显示区的高度，如果有垂直滚动条，也包括滚动条高度。

innerWidth 返回窗口的文档显示区的宽度，如果有水平滚动条，也包括滚动条高度。

innerWidth 和 innerHeight 是只读属性。

注意：使用 outerWidth 和 outerHeight 属性获取浏览器窗口的宽度与高度。

浏览器窗口的尺寸(就是内容部分，可以看见的部分，不包括工具栏和滚动条)

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

window.innerHeight - 浏览器窗口的可见高度

window.innerWidth - 浏览器窗口的可见宽度

对于 Internet Explorer 8、7、6、5：

document.documentElement.clientHeight

document.documentElement.clientWidth

或者

document.body.clientHeight

document.body.clientWidth

兼容所有浏览器：

var w=window.innerWidth

|| document.documentElement.clientWidth

|| document.body.clientWidth;

 

var h=window.innerHeight

|| document.documentElement.clientHeight

|| document.body.clientHeight;