计算页面实际官款和高度的代码如下所所示:
代码运行结果如下
二、眼睛能见的高度和宽度计算视口高度和视口宽度的代码如下
11
代码运行结果如下:
三、页面相对于左上角的横纵坐标(眼睛看到的部分)通过js计算网页元素距离左上角的横坐标和纵坐标,代码如下所示
- sdfsdfsdfds
代码运行结果如下:
四、页面上相对于左上角的横纵坐标(实际页面的大小)通过js计算网页元素距离左上角的横坐标和纵坐标(页面的实际),代码如下所示
- sdfsdfsdfds
重点说明:两种情况:在标准模式下,即文档头部有 doctype 声明,浏览器滚动条是属于 html 元素的,只能通过 document.documentElement.scrollTop 获取滚动距离。在怪异模式下,即文档头部没有 doctype 声明,浏览器滚动条数属于 body,因此通过 document.body.scrollTop 获取滚动距离。
代码运行结果如下:
五、页面滚动条移动的距离网页滚动的水平距离和网页滚动的垂直距离代码如下:
- sdfsdfsdfds
代码运行效果如下
六、页面元素的实际高度获取页面元素的实际宽度和高度代码如下所示:
- sdfsdfsdfds
获取页面元素的实际宽度和高度运行效果如下



