screen.width 显示浏览器的屏幕的宽度
screen.height 显示浏览器的屏幕的高度
screen.availWidth 显示浏览器的屏幕的可用宽度
screen.availHeight 显示浏览器的屏幕的可用高度
以上两者的区别在于 screen.height 包含了菜单栏,screen.availHeight不包含菜单栏,且两者的大小都不会因为浏览器的缩放而改变
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
以上会因为浏览器的缩放而改变
网页正文部分上: window.screenTop 返回窗口的左上角在屏幕上的x坐标
网页正文部分左: window.screenLeft 返回窗口的左上角在屏幕上的y坐标
div.offsetWidth
div.offsetHeight 元素的宽和高,与样式无关
div.offsetLeft
div.offsetTop 元素距离父元素的左和上