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