實例講解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>