例項講解easyUI中怎麼使用視窗messager

學習交流
關注：7.13K次

easyUI是最為常用的WEB前端開發框架之一，也是在眾多前端框架中比較容易學習的。easyUI中包含很多的元件，將元件整合到一起可以開發出不同的前端頁面。現在我們以實際例子講解easyUI中如何使用訊息視窗messager。

操作方法

（01）新建文件雙擊桌面上的Dreamweaver軟體圖示，一般學習前端都是用Dreamweaver軟體。然後在軟體主介面中找到：【檔案】---【新建】---【php型別】文件。

（02）引入4個js檔案首選下載並匯入easyUI資料夾到站點或者www裡面，找到資料夾中的4個js檔案並拉到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/"/>

（03）登陸介面然後在body主題中隨便寫個登陸介面。<body style="background:#C93;"> 使用者名稱：<input name="username" type="text" id="username" /> <br/><br/> 密  碼：<input name="password" type="password" id="password" /><br/> <input type="submit" value="登陸" onclick="loginCheck();" /></body>

（04）然後輸入指令碼程式碼，判斷是否輸入使用者名稱和密碼的話，可以採用訊息視窗messager程式碼來進行判斷，具體如下所示：<script type="text/javascript"> function loginCheck() {var username=$("#username")();var password=$("#password")();if(username==""||password==""){$t("訊息提示","請輸入使用者名稱和密碼！","error");} }</script>