JS获取屏幕的高度

发布时间：2022年09月29日 11:41:06编辑：admin阅读（729）评论（0）

1，获取屏幕的宽度： window.screen.width //整个屏幕的宽度

2，获取屏幕的高度： window.screen.height //整个屏幕的高度

3，获取网页的宽高（不含边框）。

3，1 获取整个网页的宽度：document.body.scrollWidth

3，2 获取整个网页的高度：document.body.scrollHeight

4，获取body的宽高（不含边框）。

4，1 获取整个body的宽度：document.body.clientWidth

4，2 获取整个body的高度：document.body.clientHeight

5，获取body的宽高（含边框）。

5，1 获取网页内body的宽度:document.body.offsetWidth //offset包括边框

5，2 获取网页内body的高度:document.body.offsetHeight

6，获取元素到顶部的距离。

6，1 获取元素到顶部的距离：document.getElementsByClassName(“div”)[0].offsetTop

6，2 获取元素到左边的距离：document.getElementsByClassName(“div”)[0].offsetLeft