javascript關於位置的相關引數解釋

2021-06-16 02:58:34 字數 802 閱讀 5276

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 相對當前...