JavaScript獲取頁面寬度高度大全

 

網頁可見區域寬：document.body.clientWidth
網頁可見區域高：document.body.clientHeight
網頁可見區域寬：document.body.offsetWidth(包括邊線的寬)
網頁可見區域高：document.body.offsetHeight(包括邊線的寬)
網頁正文全文寬：document.body.scrollWidth
網頁正文全文高：document.body.scrollHeight
網頁被捲去的高：document.body.scrollTop(IE7無效)
網頁被捲去的左：document.body.scrollLeft(IE7無效)

網頁被捲去的高：document.documentElement.scrollTop(IE7有效)

網頁被捲去的左：document.documentElement.scrollLeft(IE7有效)
網頁正文部分上：window.screenTop
網頁正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的寬：window.screen.width
屏幕可用工作區高度：window.screen.availHeight
屏幕可用工作區寬度：window.screen.availWidth

相對於窗口左上角的X：window.event.clientX

相對於窗口左上角的Y：window.event.clientY
相對於整個頁面的X：window.event.X
相對於整個頁面的Y：window.event.Y

每天學習一點點!