乙個實用的js window封裝類

2021-07-05 09:30:24 字數 3507 閱讀 8732

原文出處:

發布乙個實用的js window封裝類,主要內容包括:

1.獲取螢幕寬度的函式

2.獲取螢幕高度的函式

3.獲取滾動條橫向寬度

4.獲取滾動條豎向高度

5.window.onscroll繫結事件

6.刪除window.onscroll繫結事件

7.window.onload繫結事件

8.讓元素顯示在螢幕中間

9.獲取螢幕中間顯示距離頂部的高度

10.固頂元素在螢幕中顯示,不隨滾動條的變化而變化

if(!coos)var coos = function(){};   

if(!coos.browser)

;

}

coos.window = function(){};

coos.window.winwidth = 0;

coos.window.winheight = 0;

/**

* 獲取螢幕寬度的函式,在非xhtml標準頁面下有可能有問題

*/

coos.window.width = function()

else if((document.body) && (document.body.clientwidth))

if (document.documentelement && document.documentelement.clientwidth)

return coos.window.winwidth;

};

/**

* 獲取螢幕高度的函式

* html,body高度屬性必須設值為height:100%否則在火狐瀏覽器下獲取不到真實高度

*/

coos.window.height = function()

else if((document.body) && (document.body.clientheight))

if (document.documentelement && document.documentelement.clientheight)

return coos.window.winheight;

};

/**

* 獲取滾動條橫向寬度

*/

coos.window.scrollwidth = function()

;

/**

* 獲取滾動條豎向高度,取body.scrollheight和documentelement.scrollheight中最高的乙個

*/

coos.window.scrollheight = function()

;

coos.window.onscroll = function(){};

/**

* window.onscroll繫結事件

* @param fn 需要繫結的function

*/

coos.window.onscroll.add = function(fn)

else

};

/**

* 刪除window.onscroll繫結事件

* @param fn 需要繫結的function

*/

coos.window.onscroll.remove = function(fn)

else

};

/**

* window.onload繫結事件

* @param fn 需要繫結的function

*/

coos.window.onload = function(fn)

else

};

/**

* 讓元素顯示在螢幕中間,元素必須是絕對定位的

* @param obj 要顯示的物件,改變top left 屬性值

* @param event 觸發的事件,在有滾動條的情況下必須傳入事件以獲取當時所在的滾動條高度

* @examplei'm a div,i can show and fixed in center!

show div center

*/

coos.window.center = function(obj,event)

else

};

/**

* 獲取螢幕中間顯示距離頂部的高度

*/

coos.window.center.top = function(obj)

;

/**

* 固頂元素在螢幕中顯示,不隨滾動條的變化而變化

*/

coos.window.fixed = function()

;

/**

* 繫結需要固頂高度的元素window.onscroll事件

*/

coos.window.fixed.bind = function()

var objs = coos.window.fixed.obj;

var tops = coos.window.fixed.top;

var len = objs.length;

以下不支援position:fixed;屬性

if(coos.browser.msie && parseint(coos.browser.version) <= 6)

}

else

//設定完position:fixed;屬性和top屬性後移除onscroll事件

coos.window.onscroll.remove(coos.window.fixed.bind);

}

};

/**

* 設定需要固定高度的元素

* @param obj 需要固定高度的元素物件

* @param top 需要固定高度的元素距離頂部的高度

*/

coos.window.fixed.set = function(obj,top)

coos.window.fixed.obj.push(obj);

if(!coos.window.fixed.top)

top = parseint(top,10);

coos.window.fixed.top.push(top);

};

i'm a div,i can show and fixed in center!

show div center

乙個實用的類

myurlutil.as public class myurlutil 得到url後的指定的key對應的value public function getvaluebykey str string,key string string break return null 用法 if this.pare...

乙個Daily Build實用模型

daily build包含的範圍甚廣,如源 控制,daily build主機設定,ant的使用,任務計 劃,持續整合等.本文不打算討論這些內容,而僅就乙個daily build實用模型進行分析.假定我們的專案名稱為project,目錄d project 子系統project1,目錄d project...

乙個Daily Build實用模型

daily build包含的範圍甚廣,如源 控制,daily build主機設定,ant的使用,任務計 劃,持續整合等.本文不打算討論這些內容,而僅就乙個daily build實用模型進行分析.假定我們的專案名稱為project,目錄d project 子系統project1,目錄d project...