easyUI中如何使用消息視窗

easyUI是前端框架，我們在開發網站的前端時，通常使用easyUI來編寫前端，可以大大提高開發的速度，因爲easyUI裏面有很多組件，只要引用之後再進行簡單修改即可。現在，我們來看看easyUI中如何使用消息視窗吧。

操作方法

（01）創建檔案雙擊桌面上的Dreamweaver圖標，開啟Dreamweaver軟件，點擊Dreamweaver選單欄中的【檔案】-->【新建】-->【HTML文檔】新建一個HTML類型的文檔。

（02）命名檔案快速鍵ctrl+s，會彈出一個儲存路徑，一般是儲存在www的站點裏面，然後檔案名寫爲【】，儲存類型：【All Document】，點擊【儲存】按鈕即可。

（03）引入4個js檔案然後在站點中複製粘貼【easyUI檔案夾】，在頁面的head頭部引入4個js檔案。如下所示：<script type="text/javascript" src="easyui/"></script><script type="text/javascript" src="easyui/"></script><link rel="stylesheet" type="text/css" href="easyui/themes/"/><link rel="stylesheet" type="text/css" href="easyui/themes/default/"/>

（04）在 <script type="text/javascript"></script>中編寫messager代碼，比如我們隨便寫個alert提示資訊。 $(function () { $t("操作提示", "操作成功！"); });

（05）預覽方法Dreamweaver軟件中的【地球圖標】，點擊它會彈出下拉列表，點擊【預覽在360se】。

（06）預覽在瀏覽器中然後在瀏覽器中預覽效果，結果如下圖所示：

（07）調試代碼的方法在瀏覽器中可以檢視代碼執行的效果圖，我們右擊頁面，點擊【審查元素】即可在裏面調試代碼。

特別提示

easyUI中提供了很多消息視窗方法，比如有alert()方法，show()方法、confirm()方法、progress()方法等，這裏只是以alert()方法進行說明，其他方法都是用這樣做的。