寬高總結
window.innerHeight //瀏覽器窗口高度
window.innerWidth
window.outerHeight //瀏覽器窗口外部高度(工具欄,滾動條)
window.outerWidth
對于移動設備,window.innerWidth和window.innerHeight保存著可見視口,也就是屏幕上可見頁面區域的大小。
window.screen.height //電腦屏幕高度
window.screen.width
window.screen.availHeight //屏幕可用高度
window.screen.availWidth
window.screenTop //窗口相對于屏幕的X和Y坐標
window.screenLeft
document.body.clientWidth //元素的可視部分寬度,padding+content
document.body.clientHeight
document.body.clientLeft //元素的border的寬度,不指定邊框或者不定位,值為0
document.body.clientTop
document.body.offsetWidth //元素的border+padding+content的寬度
document.body.offsetHeight
document.body.offsetLeft //獲取對象相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置
document.body.offsetTop
document.body.scrollWidth //獲取對象的滾動寬度
document.body.scrollHeight
document.body.scrollLeft //設置或獲取位于對象左邊界和窗口中目前可見內容的最左端之間的距離
document.body.scrollTop
event.clientX //相對文檔的水平座標
event.clientY //相對文檔的垂直座標
event.offsetX // 相對容器的水平坐標
event.offsetY // 相對容器的垂直坐標
浙公網安備 33010602011771號