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);

测试效果如下：

注：我的浏览器大小可能和你的不一样哦。所以，每个人的值都不一定是一样的。