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

2021-08-21 12:44:32 字數 864 閱讀 5363

window.onload=function()
獲取瀏覽器顯示區域(可視區域)的高度 :   

$(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(在元素的包含元素含滾動條的情況下)

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

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

jQuery獲取各種高和寬

alert window height 瀏覽器時下視窗可視區域高度 02alert document height 瀏覽器時下視窗文件的高度 03alert document.body height 瀏覽器時下視窗文件body的高度 04alert document.body outerheight...

獲取元素寬高

獲取元素寬高值 1.內聯樣式.element.style讀取的只是元素內聯樣式,即寫在元素的 style 屬性上的樣式,支援讀寫.var elebox document.getelementbyid eleid var h elebox.style.height 外聯樣式 巢狀樣式無法通過上述方法直...