怎么使用jQuery javascript獲得網頁的高度與寬度

這篇文章主要介紹“怎么使用jQuery javascript獲得網頁的高度與寬度”，在日常操作中，相信很多人在怎么使用jQuery javascript獲得網頁的高度與寬度問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么使用jQuery 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).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獲得網頁的高度與寬度”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！