jQuery獲取頁面及個元素高度 寬度

2022-09-11 11:57:11 字數 1050 閱讀 6609

獲取瀏覽器顯示區域(可視區域)的高度 :   

$(window).height();   

獲取瀏覽器顯示區域(可視區域)的寬度 :

$(window).width();   

獲取頁面的文件高度   

$(document).height();   

獲取頁面的文件寬度 :

$(document).width(); 

瀏覽器當前視窗文件body的高度: 

$(document.body).height();

瀏覽器當前視窗文件body的寬度:

$(document.body).width();

獲取滾動條到頂部的垂直高度 (即網頁被卷上去的高度)  

$(document).scrolltop();   

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

$(document).scrollleft(); 

獲取或設定元素的寬度:

$(obj).width();

獲取或設定元素的高度:

$(obj).height();

某個元素的上邊界到body最頂部的距離:obj.offset().top;(在元素的包含元素不含滾動條的情況下)

某個元素的左邊界到body最左邊的距離:obj.offset().left;(在元素的包含元素不含滾動條的情況下)

返回當前元素的上邊界到它的包含元素的上邊界的偏移量:obj.offset().top(在元素的包含元素含滾動條的情況下)

返回當前元素的左邊界到它的包含元素的左邊界的偏移量:obj.offset().left(在元素的包含元素含滾動條的情況下)

scrolltop(), scrollleft()

設定或返回已經滾動到元素的左邊界或上邊界的畫素數。簡單地說,就是設定或者獲取匹配元素相對滾動條上側或者左側的偏移。只有在元素有滾動條的時候,例如,元素的 css overflow 屬性設定為 auto 的時候,這些畫素才有用。這些屬性也只在文件的 或 標記上定義(這和瀏覽器有關),並且一起來制定滾動文件的位置。注意,這些屬性並不會指定乙個 標記的滾動量。這是非標準的但卻得到很好支援的屬性

jquery獲取元素各種寬高及頁面寬高總結

window.onload function 獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件bo...

jquery獲取元素各種寬高及頁面寬高總結

window.onload function 獲取瀏覽器顯示區域 可視區域 的高度 window height 獲取瀏覽器顯示區域 可視區域 的寬度 window width 獲取頁面的文件高度 document height 獲取頁面的文件寬度 document width 瀏覽器當前視窗文件bo...

jQuery獲取頁面及個元素高度 寬度

獲取瀏覽器顯示區域 可視區域 的高度 w indo w h eigh t 獲取瀏覽 器顯示區 域 可視 區域 的 寬度 wi ndow he ight 獲 取瀏覽器 顯示區域 可視區 域 的寬 度 window width 獲取頁面的文件高度 d ocum ent hei ght 獲取 頁面的文 檔...