JavaScript、JQuery获取网页的高度和宽度

JavaScript

1. 可视区域宽
document.documentElement.clientWidth(width + padding)
2. 可视区域高
document.documentElement.clientHeight(height + padding)
3. 可视区域宽(包括边线的宽)
document.body.offsetWidth(width + padding + border)
4. 可视区域高(包括边线的高)
document.body.offsetHeight(height + padding + border)
5. 内容高
document.body.scrollHeight
6. 文档高
document.body.offsetHeight
7. 纵向滚动的距离
document.body.scrollTop || document.documentElement.scrollTop
8. 横向滚动的距离
document.body.scrollLeft || document.documentElement.scrollLeft

---

JQuery

1. 可视区域宽
$(window).width()
2. 可视区域高
$(window).height()
3. 页面的文档宽
$(document).width();
4. 页面的文档高
$(document).height();
5. 获取滚动条到左边的垂直宽度
$(document).scrollLeft();
6. 获取滚动条到顶部的垂直高度
$(document).scrollTop();