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