這幾天在學習ExtJS，愛上了它豐富的漂亮的UI。讓人開心的是，只要通過編寫javascript就能做出專業的美工來，這對于開發人員來說是如此大的魅力呢。

首先是使用ExtJS的準備工作，把adapter和resources兩個文件夾，和ext-all.js文件復制到我們的項目中。然后在頁面中引入，代碼如下：

<link href="ExtJS/resources/css/ext-all.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="ExtJS/adapter/ext/ext-base.js"></script>

<script type="text/javascript" src="ExtJS/ext-all.js"></script>

    首先從基本的Ext.onReady(Function fn,Object scope,boolean override)開始。onReady方法將會在頁面加載完成后執行，相當于我們平時常用到的window.onload方法，它是Ext.EventManager.onDocumentReady的縮寫版。onReady一共有三個參數：第一個參數是頁面加載完成后要執行的函數，這也是我們用的最多的。

function init()
{
    Ext.MessageBox.alert("Alert","頁面加載完成!");
}
Ext.onReady(init);

var show={mss:"我加載完成了！"};
function init()
{
    Ext.MessageBox.alert("Alert",this.mss);
}
Ext.onReady(init,show);