1. 程式人生 > >js和jquery獲取頁面高寬度等資料

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

相對於視窗左上角的Xwindow.event.clientX

相對於視窗左上角的Ywindow.event.clientY
相對於整個頁面的Xwindow.event.X
相對於整個頁面的Ywindow.event.Y

jquery

獲取瀏覽器顯示區域的高度 : $(window).height();獲取瀏覽器顯示區域的寬度 :$(window).width();獲取頁面的文件高度 :$(document).height();獲取頁面的文件寬度 :$(document).width();獲取滾動條到頂部的垂直高度 :$(document).scrollTop();獲取滾動條到左邊的垂直寬度 :$(document).scrollLeft();

計算元素位置和偏移量

offset方法是一個很有用的方法,它返回包裝集中第一個元素的偏移資訊。預設情況下是相對body的偏移資訊。結果包含 topleft兩個屬性。offset(options, results)options.relativeTo  指定相對計 算偏移位置的祖先元素。這個元素應該是relativeabsolute定位。省略則相對bodyoptions.scroll  是否把 滾動條計算在內,預設TRUEoptions.padding  是否把padding計算在內,預設falseoptions.margin   是否把margin計算在內,預設trueoptions.border  是否把邊框計算在內,預設true