深入研究瀏覽器的各種高度

2022-02-22 00:53:06 字數 802 閱讀 7852

專案中經常碰到各種高度,今天再次總結一下 

1)getboundingclientrect()

這個是ie下特有的乙個方法,該方法獲得頁面中某個元素的左,上,右和下分別相對瀏覽器視窗的位置,它返回的是乙個物件,該物件有是個屬性:top,left,right,bottom ,其中如果滾動了滾動條,top和left的值可能會為負值,因為他是相對了可視視窗,被卷進去了。

2)scrolltop

表示的意思是物件被卷進去的高度,如果是body的物件,那麼則表示滾動條卷去的高度,即瀏覽器上方隱藏的高度。如果是div等物件,那麼就表示滾動條滾去該div上方的高度。 

3)offsetheight,offsetwidth

物件的實際高度 包括padding height border三個在一起的高度,如果用在div物件上,則表示這個這個div加邊框框住的高度。

如果是body物件的,那麼則表示這個 整個網頁的高度,即可見區域的高度,body的高度。

如果是documentelement這個物件的,這個等同於body物件 

4)scrollheight,scrollwidth

就是表示整個網頁的高度 

5)clientheight,clientwidth

網頁的視覺區域高度和寬度,整個要看文件的模型 doc.compatmode == 'backcompat' 則在body物件上,

否則則用在documentelement 物件上,則表示可見視窗的高度和寬度 

6) pagexoffset 

網頁被卷去的高度,與scrolltop的意思一樣,不過不同的瀏覽器支援得不一樣。 

UILabel 的深入研究

建立uilabel與建立uiview的步驟很相似。1 開闢空間並初始化 如果本類有初始化方法,使用自己的 否則 使用父類的 2 設定文字控制相關的屬性 3 新增到父檢視上,用以顯示 4 釋放 uilabel的使用 uilabel onelabel uilabel alloc init 最經常使用的 ...

類的深入研究

1.在 person.h 裡面新增兩個方法宣告 void eat 和 void run import inte ce person nsobject void eat void run end 在 person.m 裡面實現方法 import person.h implementation pers...

Linux架構的深入研究

1.linux其實只用幾個檔案就可以跑了。就是init 必須 rc,inittab.sh.注意,這樣linux其實是在single user模式下,許可權相當於root 2.如果同好們想要更多的功能,就可以新增一些程式來滿足自己的需要。當然,編寫rc和inittab需要一定的指令碼功底,後面我會逐步...