怎麼用JavaScript和jQuery來獲得網頁的高度和寬度

JavaScript和jQuery在前端開發中運用廣泛，這篇文章就和大家講講JQuery,javascript獲得網頁的高度和寬度的方法，有需要的朋友可以參考一下，希望可以幫助到愛學習的你！

javascript

##網頁可見區域寬： 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).height();取得瀏覽器顯示區域的寬度：(window).width();

取得頁面的文件高度：(document).height() ;取得頁面的文件寬度：(document).height();取得頁面的文件寬度：(document).width();
取得捲軸到頂部的垂直高度：(document).scrollTop();取得滾動條到左邊的垂直寬度：(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

以上是怎麼用JavaScript和jQuery來獲得網頁的高度和寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章！