jquery获取关于宽度和高度的尺寸问题

做者原创，转载请出名出处！

console.log("可视区高度："+$(window).height());
console.log("可视区宽度："+$(window).width());

console.log("页面文档的高度："+$(document).height());
console.log("页面文档的宽度："+$(document).width());

console.log("浏览器当前窗口文档body的高度:"+$(document.body).height());
console.log("浏览器当前窗口文档body的宽度:"+$(document.body).width());

console.log("获取滚动条到顶部的垂直高度 (即网页被卷上去的高度):"+$(document).scrollTop());
console.log("获取滚动条到左边的垂直宽度 :"+$(document).scrollLeft());

console.log("获取或设置元素的宽度:"+$('#wrap').width());
console.log("获取或设置元素的高度:"+$('#wrap').height());

console.log("某个元素的上边界到body最顶部的距离：obj.offset().top;（在元素的包含元素不含滚动条的状况下）:"+$("#wrap").offset().top);
console.log("某个元素的左边界到body最左边的距离：obj.offset().left;（在元素的包含元素不含滚动条的状况下）:"+$("#wrap").offset().left);

测试效果以下：

注：个人浏览器大小可能和你的不同哦。因此，每一个人的值都不必定是同样的。