獲取頁面寬高總結

網頁可見區域寬: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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章