jQuery之height()、innerHeight()、outer
在jQuery中，獲取元素高度的函式有3個，它們分別是height()、innerHeight()、outerHeight()
與此相對應的是，獲取元素寬度的函式也有3個，它們分別是width()、innerWidth()、outerWidth()
下面我以height()、innerHeight()、outerHeight()三個函式為例，以元素element的盒模型為例來介紹它們之間的區別。
Paste_Image.png
| 函式 | 高度範圍 | |
|---|---|---|
| height() | content | |
| innerHeight() | content+padding | |
| outerHeight() | content+padding+border | |
| outerHeight(true) | content+padding+border+margin |
只有height()函式可用於window或document物件。
作者：匿名使用者404
連結：
來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/2819/viewspace-2805277/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- window.innerHeight
- CSS深入理解之line-heightCSS
- jQuery之documentFragmentjQueryFragment
- 前端之jQuery前端jQuery
- 深入理解-CSS內聯元素之line-heightCSS
- screen.height
- height:100%,height:100vh什麼區別呢
- 【jQuery】之DOM操作jQuery
- jQuery 之 [ DOM操作 ]jQuery
- 【前端Talkking】CSS系列——CSS深入理解之line-height前端CSS
- css的height:100%和height:inherit有什麼區別？CSS
- 讓height: 100%生效
- jQuery無法獲取隱藏元素（display:none）寬度(width)和高度(height)的新解決方案jQueryNone
- jQuery之回到頂部jQuery
- jQuery之過濾元素jQuery
- jQuery之元素查詢jQuery
- Jquery之遍歷元素jQuery
- canvas ImageData height 屬性Canvas
- shape_trans 凸性轉換 outer_circle
- Inner Join, Left Outer Join和Association的區別
- jQuery之html()的實現jQueryHTML
- jQuery之text()的實現jQuery
- jQuery原始碼學習之$()jQuery原始碼
- 前端之jquery函式庫前端jQuery函式
- 前端基礎之jQuery引入前端jQuery
- jQuery原始碼解析之position()jQuery原始碼
- jQuery原始碼解析之clone()jQuery原始碼
- jQuery之empty（）與remove（）方法jQueryREM
- canvas ImageData.height 屬性Canvas
- CSS line-height 行高CSS
- css17 CSS Height, WidthCSS
- jQuery原始碼解析之replaceWith()/unwrap()jQuery原始碼
- jQuery原始碼學習之eventjQuery原始碼
- jQuery原始碼學習之extendjQuery原始碼
- 前端基礎之jQuery基礎前端jQuery
- 前端基礎之jQuery進階前端jQuery
- join、inner join、left join、right join、outer join的區別
- javascript - 所有的檢視屬性和方法（offsetHeight、clientHeight、scrollHeight、innerHeight等）JavaScriptclient