示例解释了如何在easyUI中使用窗口messager

对于示例解释了如何在easyUI中使用窗口messager，很多网友还不是很明白，今天艾巴小编收集了这方面的知识，就将其分享出来。

操作方法：

1.双击桌面上的Dreamweaver软件图标创建一个新文档。一般学习前端用Dreamweaver软件。然后在软件主界面找到：文件-新建- 【php类型。

2.引入四个射流研究…文件首选下载并导入easyUI文件夹到站点或者万维网里面，找到文件夹中的四个射流研究…文件并拉到头头部内，4个射流研究…文件如下所示：script type=' text/JavaScript ' src=' easy ui/jquery。量滴js '/script脚本类型=' text/JavaScript ' src=' easy ui/jquery。简单的用户界面。量滴js '/script link rel='样式表' type=' text/CSS ' href=' easy ui/themes/icon。CSS '/link rel='样式表' type=' text/CSS ' href='简易用户界面/主题/默认/简易用户界面。CSS '/

3.登陆界面然后在身体主题中随便写个登陆界面body style=' background:# C93；'用户名：输入name='用户名' type=' text ' id='用户名'/br/br/密nbspnbsp码：input name=' password ' type=' password ' id=' password '/br/input type=' submit ' value='登陆onclick=' log in check()；'//正文

4.然后输入脚本代码确定是否输入用户名和密码，可以使用messager窗口Messenger代码进行判断 ：script type=' text/JavaScript ' function logincheck(){ var username=$(' # username ')。val()；var password=$('#password ')。val()；If (username==' | password=='') {$。messager.alert('消息提示''请输入您的用户名和密码！‘错误’)；} }/脚本

5.预览方法在Dreamweaver中找到地球图标，点击旁边的倒三角，选择360se预览，在360浏览器中预览。

6.预览结果也可以在不同的浏览器中预览，显示的结果 。

7.代码分析$.messager.alert('操作提示''登录失败，用户名和密码不能为空！'‘错误’)；是messager的使用，有三个参数，第一个参数是提示文本，第二个参数是提示方法；第三个参数是icon，可以取值为error、info、question、warning；

8.var用户名=$(' #用户名')。val()；var password=$('#password ')。val()；这两个代码意味着获取表单中输入的值。

特别提示：

记住重点是正确输入代码。

以上知识分享到此为止，希望能够帮助到大家！