window,document,body的height和width表明的是什麼

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
相關文章
相關標籤/搜索