標籤:容器 code element 屬性 寬度 class nbsp jquer set
1 document.body.clientWidth ==> BODY對象寬度 2 document.body.clientHeight ==> BODY對象高度 3 document.documentElement.clientWidth ==> 可見地區寬度 4 document.documentElement.clientHeight ==> 可見地區高度 5 6 網頁可見地區寬: document.body.clientWidth 7 網頁可見地區高: document.body.clientHeight 8 網頁可見地區寬: document.body.offsetWidth (包括邊線的寬) 9 網頁可見地區高: document.body.offsetHeight (包括邊線的高) 10 網頁本文全文寬: document.body.scrollWidth 11 網頁本文全文高: document.body.scrollHeight 12 網頁被捲去的高: document.body.scrollTop 13 網頁被捲去的左: document.body.scrollLeft 14 網頁本文部分上: window.screenTop 15 網頁本文部分左: window.screenLeft 16 螢幕解析度的高: window.screen.height 17 螢幕解析度的寬: window.screen.width 18 螢幕可用工作區高度: window.screen.availHeight 19 螢幕可用工作區寬度: window.screen.availWidth 20 21 // 部分jQuery函數 22 $(window).height() //瀏覽器時下視窗可視地區高度 23 $(document).height() //瀏覽器時下視窗文檔的高度 24 $(document.body).height() //瀏覽器時下視窗文檔body的高度 25 $(document.body).outerHeight(true) //瀏覽器時下視窗文檔body的總高度 包括border padding margin 26 $(window).width() //瀏覽器時下視窗可視地區寬度 27 $(document).width()//瀏覽器時下視窗文檔對於象寬度 28 $(document.body).width() //瀏覽器時下視窗文檔body的高度 29 $(document.body).outerWidth(true) //瀏覽器時下視窗文檔body的總寬度 包括border padding 30 31 HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 32 scrollHeight: 擷取對象的滾動高度。 33 scrollLeft:設定或擷取位於對象左邊界和視窗中目前可見內容的最左端之間的距離 34 scrollTop:設定或擷取位於對象最頂端和視窗中可見內容的最頂端之間的距離 35 scrollWidth:擷取對象的滾動寬度 36 offsetHeight:擷取對象相對於版面或由父座標 offsetParent 屬性指定的父座標的高度 37 offsetLeft:擷取對象相對於版面或由 offsetParent 屬性指定的父座標的計算左側位置 38 offsetTop:擷取對象相對於版面或由 offsetTop 屬性指定的父座標的計算頂端位置 39 event.clientX 相對文檔的水平座標 40 event.clientY 相對文檔的垂直座標 41 event.offsetX 相對容器的水平座標 42 event.offsetY 相對容器的垂直座標 43 document.documentElement.scrollTop 垂直方向滾動的值 44 event.clientX+document.documentElement.scrollTop 相對文檔的水平座標+垂直方向滾動的量
js擷取可視地區高度