css获取整个页面高度

html-css010

css获取整个页面高度,第1张

Js获取高度:

网页可见区域高:document.body.clientHeight

网页可见区域高:document.body.offsetHeight (包括边线的宽)

网页正文全文高:document.body.scrollHeight

网页被卷去的高:document.body.scrollTop

屏幕分辨率的高:window.screen.height

屏幕可用工作区高度:window.screen.availHeight

1、首先在html页面上,看到有一个按钮,要获得这个按钮离顶部的距离。

2、在按钮的事件函数里,先取这个按钮的offset数据,通过jquery的offset方法。

3、得到的结果是一个数组对象,只要获取里面的top数据就行了。

4、使用log方法,把数据输出到浏览器的控制台。

5、运行页面,看到现在的按钮位置。距离顶部估计是500px左右吧,点击一下这个按钮。

6、然后看一下控制台上的数据,得到距离为439的像素。