js、jquery獲取各類高度寬度

但願對你們有用,若有幫助,不勝榮幸,(本人網上整理所得,若有雷同,敬請原諒)
1
網頁可見區域寬:document.body.clientWidth; 2 網頁可見區域高:document.body.clientHeight; 3 網頁可見區域高:document.body.offsetWidth (包括邊線的寬); 5 網頁可見區域高:document.body.offsetHeight (包括邊線的寬); 7 網頁正文全文寬:document.body.scrollWidth; 8 網頁正文全文高:document.body.scrollHeight; 9 網頁被捲去的高:document.body.scrollTop; 10 網頁被捲去的左:document.body.scrollLeft; 11 網頁正文部分上:window.screenTop; 12 網頁正文部分左:window.screenLeft; 13 屏幕分辨率的高:window.screen.height; 14 屏幕分辨率的寬:window.screen.width; 15 屏幕可用工做區高度:window.screen.availHeight; 16 屏幕可用工做區寬度:window.screen.availWidth; 17 18 19 alert($(window).height()); //瀏覽器當前窗口可視區域高度 20 alert($(document).height()); //瀏覽器當前窗口文檔的高度 21 alert($(document.body).height());//瀏覽器當前窗口文檔body的高度 22 alert($(document.body).outerHeight(true));//瀏覽器當前窗口文檔body的總高度 包括border padding margin 23 alert($(window).width()); //瀏覽器當前窗口可視區域寬度 24 alert($(document).width());//瀏覽器當前窗口文檔對象寬度 25 alert($(document.body).width());//瀏覽器當前窗口文檔body的高度 26 alert($(document.body).outerWidth(true));//瀏覽器當前窗口文檔body的總寬度 包括border padding margin

  alert($(document).scrollTop()); //獲取滾動條到頂部的垂直高度
  alert($(document).scrollLeft()); //獲取滾動條到左邊的垂直寬度瀏覽器

相關文章
相關標籤/搜索