下面小編就為大家?guī)硪黄猨Query javascript獲得網(wǎng)頁的高度與寬度的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考

網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth

網(wǎng)頁可見區(qū)域高： document.body.clientHeight

網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)

網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)

網(wǎng)頁正文全文寬： document.body.scrollWidth

網(wǎng)頁正文全文高： document.body.scrollHeight

網(wǎng)頁被卷去的高： document.body.scrollTop

網(wǎng)頁被卷去的左： document.body.scrollLeft

網(wǎng)頁正文部分上： window.screenTop

網(wǎng)頁正文部分左： window.screenLeft

屏幕分辨率的高： window.screen.height

屏幕分辨率的寬： window.screen.width

屏幕可用工作區(qū)高度： window.screen.availHeight

屏幕可用工作區(qū)寬度： window.screen.availWidth

jquery

獲取瀏覽器顯示區(qū)域的高度 ： $(window).height();

獲取瀏覽器顯示區(qū)域的寬度 ：$(window).width();

獲取頁面的文檔高度 ：$(document).height();

獲取頁面的文檔寬度 ：$(document).width();

獲取滾動條到頂部的垂直高度 ：$(document).scrollTop();

獲取滾動條到左邊的垂直寬度 ：$(document).scrollLeft();

計算元素位置和偏移量

offset方法是一個很有用的方法，它返回包裝集中第一個元素的偏移信息。默認情況下是相對body的偏移信息。結(jié)果包含 top和left兩個屬性。

offset(options, results)

options.relativeTo　　指定相對計 算偏移位置的祖先元素。這個元素應(yīng)該是relative或absolute定位。省略則相對body。

options.scroll　　是否把 滾動條計算在內(nèi)，默認TRUE

options.padding　　是否把padding計算在內(nèi)，默認false

options.margin 　　是否把margin計算在內(nèi)，默認true

options.border　　是否把邊框計算在內(nèi)，默認true

以上這篇jQuery javascript獲得網(wǎng)頁的高度與寬度就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考