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

測試效果以下：

注：個人瀏覽器大小可能和你的不同哦。因此，每一個人的值都不必定是同樣的。