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()方法進行說明，其他方法都是用這樣做的。