jQuery獲得網頁基本資料

擷取瀏覽器和頁面文檔的寬度和高度

//擷取瀏覽器顯示地區的高度
$(window).height();
//擷取瀏覽器顯示地區的寬度
$(window).width();

//擷取頁面的文檔高度
$(document.body).height();
//擷取頁面的文檔寬度
$(document.body).width();

擷取捲軸的位置,代碼如下:

//擷取捲軸到頂部的垂直高度
$(document).scrollTop();
//擷取捲軸到左邊的垂直寬度
$(document).scrollLeft();

計算位置和位移量
offset方法是一個很有用的方法，它返回封裝集中第一個元素的位移資訊。預設情況下是相對body的位移資訊。結果包含top和left兩個屬性。
offset(options, results)
options.relativeTo　　指定相對計算位移位置的祖先元素。這個元素應該是relative或absolute定位。省略則相對body。
options.scroll　　是否把捲軸計算在內，預設TRUE
options.padding　　是否把padding計算在內，預設false
options.margin　　是否把margin計算在內，預設true
options.border　　是否把邊框計算在內，預設true擷取瀏覽器和頁面文檔的寬度和高度

//擷取瀏覽器顯示地區的高度
$(window).height();
//擷取瀏覽器顯示地區的寬度
$(window).width();

//擷取頁面的文檔高度
$(document.body).height();
//擷取頁面的文檔寬度
$(document.body).width();

擷取捲軸的位置,代碼如下:

//擷取捲軸到頂部的垂直高度
$(document).scrollTop();
//擷取捲軸到左邊的垂直寬度
$(document).scrollLeft();

計算位置和位移量
offset方法是一個很有用的方法，它返回封裝集中第一個元素的位移資訊。預設情況下是相對body的位移資訊。結果包含top和left兩個屬性。
offset(options, results)
options.relativeTo　　指定相對計算位移位置的祖先元素。這個元素應該是relative或absolute定位。省略則相對body。
options.scroll　　是否把捲軸計算在內，預設TRUE
options.padding　　是否把padding計算在內，預設false
options.margin　　是否把margin計算在內，預設true
options.border　　是否把邊框計算在內，預設true