原生js offset的使用學習

2022-09-01 18:24:14 字數 995 閱讀 2897

最近用到了offset這個鬼,但是有不理解的地方,所以測試一下!!

基本用法:找到物件後,使用

offsetleft \ offsettop \ offsetwidth \ offsetheight

就可以得到物件的 寬、高、距離左邊的距離,距離右邊的距離的具體值。

忘記了,外邊的大框框用的position:relative;

搞了兩個,裡面的灰色塊,乙個用的定位,乙個用的margin;

通過比較,

注意第2、4資料,完全一樣,得到的是距離其父元素的左邊距和上邊距

function offset(elem)

return obj;

}然後加點東西

在看第2、4資料時,left和top的值都增加了,這是加上了與元素邊距的結果。

得到是元素距離視口的左邊距和上邊距

是offsetparent起的作用

原因呢???我查查,我也不知道。

總結::

使用offset優先獲取到視口的邊距,當元素父元素有position定位的時候,獲取的是到父元素的邊距。

如果使用elem = elem.offsetparent ;的時候獲取的值就是到視口的距離。

描述的有點,呵呵呵呵。。。見諒!!!這個鬼在計算元素位置的時候是很好用的,值可以直接用,沒有單位!!!

hibernate 原生sql的使用

hql儘管容易使用,但是在一些複雜的資料操作上功能有限。特別是在實現複雜的報表統計與計算,以及多表連線查詢上往往無能為力,這時可以使用sql native sql 實現hql無法完成的任務。1 使用sql查詢 使用sql查詢可以通過兩種方式來實現 1 利用hibernate提供的sqlquery物件...

js原生迴圈的使用

不管是js原生自帶的迴圈,還是一些工具包裡面的迴圈 比如jquery裡的 each 裡面的迴圈有多種多樣.作為乙個有強迫症的人,總是想選擇最好的迴圈方式,效率最高的,最優雅的.在這裡我只列舉js自帶的迴圈.雖然一些工具包裡的迴圈看似很強大,但其本質上也是對js迴圈進行了封裝而已,而且如果你不引進這些...

hibernate原生語句的使用,

一.查詢物件的所有字段 string sql select from jbpm processdefinition sqlquery sqlquey session.createsqlquery sql addentity processdefinition.class listprocessdef...