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;