js中有幾個獲取屏幕寬高的屬性,今天看書遇到有所困惑,所以查看資料對比以后記錄下來以防以后忘記。
Element.clientWidth
Element.clientHeight
獲取元素內(nèi)部的寬度和高度,不包括滾動條和工具欄的寬度和高度。可以這樣理解:clientWidth=CSS Width + CSS Padding - 滾動條寬度(如果存在),同樣的clientHeight=CSS Height + CSS Padding - 滾動條寬度(如果存在)。
$(window)..width()
$(window).height()
獲取元素的寬高,也是不包括滾動條和工具欄的寬度,與上一種方法獲取到的寬高效果一樣。
window.innerWidth
window.innerHeight
innerWidth獲取到的寬度與前兩種方法相比會包含縱向滾動條的寬度但不包含工具欄的寬度;innerHeight包含橫向滾動條的寬度但不包含工具欄的寬度。
window.outerWidth
window.outerHeight
outerHeight包括了橫向滾動條的寬度和工具欄的寬度。