JS獲取各種寬度 高度的簡單介紹

2022-06-15 07:54:11 字數 1817 閱讀 4411

js獲取各種寬度、高度的簡單介紹:

scrollheight: 獲取物件的滾動高度。

scrollleft:設定或獲取位於物件左邊界和視窗中目前可見內容的最左端之間的距離

scrolltop:設定或獲取位於物件最頂端和視窗中可見內容的最頂端之間的距離

scrollwidth:獲取物件的滾動寬度

offsetheight:獲取物件相對於版面或由父座標 offsetparent 屬性指定的父座標的高度

offsetleft:獲取物件相對於版面或由 offsetparent 屬性指定的父座標的計算左側位置

offsettop:獲取物件相對於版面或由 offsettop 屬性指定的父座標的計算頂端位置

event.clientx 相對文件的水平座標

event.clienty 相對文件的垂直座標

event.offsetx 相對容器的水平座標

event.offsety 相對容器的垂直座標

document.documentelement.scrolltop 垂直方向滾動的值

event.clientx+document.documentelement.scrolltop 相對文件的水平座標+垂直方向滾動的量

簡單介紹:

1 alert($(window).height()); //

瀏覽器時下視窗可視區域高度  

2 alert($(document).height()); //

瀏覽器時下視窗文件的高度  

3 alert($(document.body).height());//

瀏覽器時下視窗文件body的高度  

4 alert($(document.body).outerheight(true));//

瀏覽器時下視窗文件body的總高度 包括border padding margin  

56 alert($(window).width()); //

瀏覽器時下視窗可視區域寬度  

7 alert($(document).width());//

瀏覽器時下視窗文件對於象寬度  

8 alert($(document.body).width());//

瀏覽器時下視窗文件body的高度  

9 alert($(document.body).outerwidth(true));//

瀏覽器時下視窗文件body的總寬度 包括border padding margin  

1011 alert($(document).scrolltop()); //

獲取滾動條到頂部的垂直高度  

12 $('#outer-div')[0].scrollheight  

13//

獲取div的實際高度  

14 alert($(document).scrollleft()); //

獲取滾動條到左邊的垂直寬度

如何獲取滾動條的高度:

js**:

1 $(document).scroll(function() else

1011 })

JS獲取各種寬度 高度的簡單介紹

js獲取各種寬度 高度的簡單介紹 scrollheight 獲取物件的滾動高度。scrollleft 設定或獲取位於物件左邊界和視窗中目前可見內容的最左端之間的距離 scrolltop 設定或獲取位於物件最頂端和視窗中可見內容的最頂端之間的距離 scrollwidth 獲取物件的滾動寬度 offse...

JS獲取各種寬度 高度的簡單介紹

scrollheight 獲取物件的滾動高度。scrollleft 設定或獲取位於物件左邊界和視窗中目前可見內容的最左端之間的距離 scrolltop 設定或獲取位於物件最頂端和視窗中可見內容的最頂端之間的距離 scrollwidth 獲取物件的滾動寬度 offsetheight 獲取物件相對於版面...

JS獲取各種寬度 高度的簡單介紹

js獲取各種寬度 高度的簡單介紹 scrollheight 獲取物件的滾動高度。scrollleft 設定或獲取位於物件左邊界和視窗中目前可見內容的最左端之間的距離 scrolltop 設定或獲取位於物件最頂端和視窗中可見內容的最頂端之間的距離 scrollwidth 獲取物件的滾動寬度 offse...