網頁可見區域寬： 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
取得瀏覽器顯示區域的高度 ： $(window).height();
取得瀏覽器顯示區域的寬度 ：$(window).width();
取得頁面的文檔高度 ：$(document).height();
取得頁面的文件寬度 ：$(document).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
以上這篇jQuery javascript獲得網頁的高度與寬度就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
