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()方法进行说明，其他方法都是用这样做的。