1.浏览器窗口内部高度,宽度

  1. window.innerHeight - 浏览器窗口的内部高度
  2. window.innerWidth - 浏览器窗口的内部宽度

1.文档当前高度 可视区域的高度

  1. document.documentElement.clientHeight 表示HTML文档所在窗口的当前高度。客户端
  2. document.documentElement.clientWidth 表示HTML文档所在窗口的当前宽度。

3.可视区域的宽高

  1. document.body.clientHeight
  2. document.body.clientWidth

4.设备的宽高 可用宽高

  1. window.screen.availWidth
  2. window.screen.availHeigt

5.网页内容的宽高 滚动的宽高

  1. document.documentElement.scrollHeight
  2. document.documentElement.scrollWidth

6.scrollTop 滚动距离顶部的高度

  1. document.documentElement.scrollTop