clientx :相對於網頁的x座標
clienty :相對於網頁的y座標
offsetx :相對于父容器的x座標
offsety :相對于父容器的y座標
offsetleft :獲取物件相對於版面或由 offsetparent 屬性指定的父座標的計算左側位置
offsettop :獲取物件相對於版面或由 offsetparent 屬性指定的父座標的計算頂端位置
screenx :相對於顯示器的x座標
screeny :相對於顯示器的y座標
scrollwidth :物件的滾動寬度
scrollheight :物件的滾動高度
scrollleft :物件左邊界和視窗中目前可見內容的最左端之間的距離
scrolltop :物件最頂端和視窗中可見內容的最頂端之間的距離
以上主要指ie之中,firefox差異如下:
ie6.0、ff1.06+:
clientwidth = width + padding
clientheight = height + padding
offsetwidth = width + padding + border
offsetheight = height + padding + border
ie5.0/5.5:
clientwidth = width - border
clientheight = height - border
offsetwidth = width
offsetheight = height
用Javascript獲取頁面元素的位置
1.網頁的大小和瀏覽器視窗的大小 一張網頁的全部面積,就是它的大小。通常情況下,網頁的大小由內容和css樣式表決定。瀏覽器視窗的大小,則是指在瀏覽器視窗中看到的那部分網頁面積,又叫做viewport 視口 如果網頁的內容能夠在瀏覽器視窗中全部顯示 也就是不出現滾動條 那麼網頁的大小和瀏覽器視窗的大小...
用Javascript獲取頁面元素的位置
一 網頁的大小和瀏覽器視窗的大小 首先,要明確兩個基本概念。一張網頁的全部面積,就是它的大小。通常情況下,網頁的大小由內容和css樣式表決定。瀏覽器視窗的大小,則是指在瀏覽器視窗中看到的那部分網頁面積,又叫做viewport 視口 很顯然,如果網頁的內容能夠在瀏覽器視窗中全部顯示 也就是不出現滾動條...
Javascript裡常見的事件位置屬性
e.pagex 相對整個頁面的座標 注意 ie6 ie7 ie8無該屬性 e.layerx 相對當前座標系的border左上角開始的座標 注意 在opera ie6 ie7 ie8中這個屬性,而ie8以上表示相對當前座標系的border左上角開始的座標 滾動條滾過的距離 e.offsetx 相對當前...