jQuery:javascript
$(window).hight()//瀏覽器當前窗口可視區域高度,是獲取當前 也就是你瀏覽器所能看到的頁面的那部分的高度 這個大小在你縮放瀏覽器窗口大小時 會改變 與document是不同的 $(document).height()//瀏覽器當前窗口文檔的高度 $(document.body).height()//瀏覽器當前窗口文檔body的高度 $(document.body).outerHeight(true)//瀏覽器當前窗口文檔body的總高度 包括border padding margin $(window).width()//瀏覽器當前窗口可視區域寬度 $(document).width()//瀏覽器當前窗口文檔的寬度 $(document.body).width()//瀏覽器當前窗口文檔body的寬度 $(document.body).outerWidth(true)//瀏覽器當前窗口文檔body的總寬度 包括border padding margin
注意:jQuery(window).height()表明了當前可見區域的大小,而jQuery(document).height()則表明了整個文檔的高度,可視具體狀況使用.當瀏覽器窗口大小改變時(如最大化或拉大窗口後) jQuery(window).height() 隨之改變,可是jQuery(document).height()是不變的。java
JavaScript:瀏覽器
網頁可見區域寬[僅針對body]: document.body.clientWidth 網頁可見區域高[僅針對body]: document.body.clientHeight 網頁可見區域寬[僅針對body]: document.body.offsetWidth (包括滾動條和邊框,若滾動條和邊框爲0,則和clientWidth相等) 網頁可見區域高[僅針對body]: document.body.offsetHeight (包括滾動條和邊框,若滾動條和邊框爲0,則和clientHeight相等) 可視窗口寬度(包括滾動軸寬度):window.innerWidth; //IE9+、Chrome、Firefox、Opera 以及 Safari 可視窗口高度,不包括瀏覽器頂部工具欄: window.innerHeight;//IE9+、Chrome、Firefox、Opera 以及 Safari 網頁正文全文寬(不包括滾動軸的寬度): document.body.scrollWidth 網頁正文全文高:document.body.scrollHeight //假如網頁中沒有滾動軸,document.body.scrollWidth和window.innerWidth相等,document.body.scrollHeight和window.innerHeight相等。 網頁被捲去的高: document.body.scrollTop 網頁被捲去的左: document.body.scrollLeft 網頁正文部分上: window.screenTop 網頁正文部分左: window.screenLeft 屏幕分辨率的高(整個屏幕的高度): window.screen.height 屏幕分辨率的寬(整個屏幕的寬度): window.screen.width 屏幕可用工做區高度: window.screen.availHeight 屏幕可用工做區寬度: window.screen.availWidth 整個瀏覽器可用工做區高度: window.outerHeight 整個瀏覽器可用工做區寬度: window.outerWidth