獲取各種盒子的各種寬高和距離

2021-10-01 18:33:47 字數 1134 閱讀 4140

$

(document)

.ready

(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獲取各種高和寬

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

jQuery 獲取盒子寬高

本篇主要介紹如何獲取盒子的寬高 lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle header divstyle head 檢視盒子寬高 div header ...

js各種寬高的總結

1.clientwidth和clientheight 指元素的可視部分寬度和高度,就是padding content 如果沒有滾動條,就是設定的寬度和高度 如果有滾動條,就是設定的寬度和高度減去滾動條的寬度和高度 body document.body.clientwidth 500 80 580 d...