js和jquery獲取頁面高寬度等資料
網頁可見區域寬: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
jquery
獲取瀏覽器顯示區域的高度 : $(window).height();獲取瀏覽器顯示區域的寬度 :$(window).width();獲取頁面的文件高度 :$(document).height();獲取頁面的文件寬度 :$(document).width();獲取滾動條到頂部的垂直高度 :$(document).scrollTop();獲取滾動條到左邊的垂直寬度 :$(document).scrollLeft();
計算元素位置和偏移量