網頁可見區域寬:document.body.clientWidth
網頁可見區域高:document.body.clientHeight
網頁可見區域寬:document.body.offsetWidth (包括邊線的寬)
網頁可見區域高:document.body.offsetHeight (包括邊線的寬)
網頁正文全文寬:document.body.scrollWidth
網頁正文全文高:document.body.scrollHeight
網頁被捲去的高:document.body.scrollTop
網頁被捲去的左:document.body.scrollLeft
網頁正文部分上:window.screenTop
網頁正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的寬:window.screen.width
屏幕可用工作區高度:window.screen.availHeight
屏幕可用工作區寬度:window.screen.availWidthvar t="";
獲取鼠標位置:
event.clientX 爲鼠標距瀏覽左面邊緣的距離, event.clientY 爲 鼠村距網頁上方邊緣的距離,但定位不光這樣就行了,需要考慮到當前網頁座標並不是鼠標的位置(例如把網頁滾動條拖到最右下方),所以我們需要加上下面的內容:
var x = event.clientX + document.body.scrollLeft;
var y = event.clientY + document.body.scrollTop;
注意,在使用了W3C標準的網頁中,document.body.scrollTop和document.body.scrollLeft會失效,這時要用 document.documentElement.scrollTop 和document.documentElement.scrollLeft。否則 scroll 所取出來的值一律爲0