jquery實現高度的獲取－位置函數

一.位置函數

1.offset()

獲取匹配元素在當前視口的相對偏移。返回的對象包含兩個整形屬性：top 和 left。此方法只對可見元素有效。

2.innerWidth（）

獲取第一個匹配元素內部區域寬度（包括補白、不包括邊框）。此方法對可見和隱藏元素均有效。返回值：整型數據
3.innerHeight（）

獲取第一個匹配元素內部區域高度（包括補白、不包括邊框）。此方法對可見和隱藏元素均有效。返回值：整型數據

4.outerWidth（）

 獲取第一個匹配元素外部寬度（默認包括補白和邊框）。此方法對可見和隱藏元素均有效。返回值：整型數據

5.outerHeight()

獲取第一個匹配元素外部高度（默認包括補白和邊框）。此方法對可見和隱藏元素均有效。返回值：整型數據

6.scrollTop（）

獲取匹配元素相對滾動條頂部的偏移。
7.scrollLeft（）

獲取匹配元素相對滾動條左側的偏移

二..參考： js取高度

網頁可見區域寬： document.body.clientWidth
網頁可見區域高： document.body.clientHeight
網頁可見區域寬： document.body.offsetWidth (包括邊線的寬)
網頁可見區域高： document.body.offsetHeight (包括邊線的高)
網頁正文全文寬： document.body.scrollWidth
網頁正文全文高： document.body.scrollHeight
網頁被捲去的高： document.body.scrollTop
網頁被捲去的左： document.body.scrollLeft
網頁正文部分上： window.screenTop
網頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區高度： window.screen.availHeight
屏幕可用工作區寬度： window.screen.availWidth

JQuery:

$(document).ready(function(){
alert($(window).height()); //瀏覽器當前窗口可視區域高度
alert($(document).height()); //瀏覽器當前窗口文檔的高度
alert($(document.body).height());//瀏覽器當前窗口文檔body的高度
alert($(document.body).outerHeight(true));//瀏覽器當前窗口文檔body的總高度 包括border padding margin

alert($(window).width()); //瀏覽器當前窗口可視區域寬度
alert($(document).width());//瀏覽器當前窗口文檔對象寬度
alert($(document.body).width());//瀏覽器當前窗口文檔body的寬度
alert($(document.body).outerWidth(true));//瀏覽器當前窗口文檔body的總寬度 包括border padding margin
})

加一個參考圖：

http://blog.csdn.net/abeetle/article/details/30462851