AJAX類庫ADL新接觸

2021-04-12 20:28:02 字數 1888 閱讀 6461

adl(

ajax dev library

),是乙個物件導向的

ajax sdk

,是fac

組織下的乙個開源專案。它符合相關標準和規範,能相容主流瀏覽器包括ie,

firefox

等,同時能夠被其他視覺化開發工具(如

webshop

)所整合和使用。

system.js :最基礎的核心類,包括繼承,引用,包含功能的實現,並且有其它類常用的基礎方法的實現,如,取得類名,訊息監聽等。

ui.js

系統常用顏色的常量化定義,

component

元件類,

container

容器類的實現,提供公用的屬性,方法和事件處理機制,以方便後續的

ui高階類的繼承。

dhtml.js

:標準dhtml

的一些dom

物件的封裝。如

table,div,span,iframe,button

等等。var newbutton = js.dhtml.button();

這樣只需要通過上面的方式就可以生成乙個簡單

dhtml

控制項了。

dhtml2.js

:擴充套件

dhtml

的一些dom

物件的封裝,對應於

dhtml.js

,通過繼承具有

component

或container

的高階特性。 ui

類的基本結構:

object—

|_component

|_container ||

|_dhtml,dhtml2

|_ui component

|_db ui component

|_other class

我們可以看到

ui中的類繼承結構。

component

類繼承與

object

類,container

容器類繼承於

component

類,dhtml

中的類,屬於容器性質的類(如

table,div

,iframe

)繼承於

container

,其他的繼承與

component.

其他的高階

ui類大多繼承於

dhtml2

中的類。

下面我舉個簡單的例子來說明

ui的基本方法的用法:

setbounds(),setsize(),setmoveable(),setresizeable(),add(),remove(),hide(),show().

可以移動和改變大小

下面看看頁面的效果圖:

這個頁面有兩個

div,

灰色div

包含了淺綠

div,

兩個div

都可以自由拖動和改變大小。在這裡,我們只用了兩句話就能設定控制項的可自由拖拽和根據拖拽改變大小。

object.setmoveable(true); object.setresizeable(true);

想想要自己實現拖拽和改變大小的艱鉅任務吧,這真是太簡單,太讓人興奮了。

Ajax類庫需要注意的問題

構建ajax類庫時,注意四步就可以了 1 建立ajax 物件 2 鏈結伺服器 3 傳送請求 4 返回響應 下面是我自己寫的乙個ajax類庫 function ajax url,fnn,fai else 2 鏈結伺服器open 方法,url,是否非同步 oajax.open get url,true ...

Ajax的工具類

var ajax else if window.activexobject catch e if xhrobj.readystate null false return xhrobj catch e getxhrinstance function this.xhrpool this.xhrpool....

核心類庫 常用類庫

math類 math.abs 傳入引數的絕對值 math.max min 比較傳入的多個引數的最大 最小值 math.random 初始值是隨機生成0 1之間的double型別的正值 math.round 對傳入的float double值四捨五入 math.floor 返回值小於或等於傳入的數字的...