easyUI中如何使用消息窗口

easyUI是前端框架,我們在開發網站的前端時,通常使用easyUI來編寫前端,可以大大提高開發的速度,因爲easyUI裏面有很多組件,只要引用之後再進行簡單修改即可。現在,我們來看看easyUI中如何使用消息窗口吧。

easyUI中如何使用消息窗口

操作方法

(01)創建文件雙擊桌面上的Dreamweaver圖標,打開Dreamweaver軟件,點擊Dreamweaver菜單欄中的【文件】-->【新建】-->【HTML文檔】新建一個HTML類型的文檔。

easyUI中如何使用消息窗口 第2張

(02)命名文件快捷鍵ctrl+s,會彈出一個保存路徑,一般是保存在www的站點裏面,然後文件名寫爲【】,保存類型:【All Document】,點擊【保存】按鈕即可。

easyUI中如何使用消息窗口 第3張

(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/"/>

easyUI中如何使用消息窗口 第4張

(04)在 <script type="text/javascript"></script>中編寫messager代碼,比如我們隨便寫個alert提示信息。 $(function () { $t("操作提示", "操作成功!"); });

easyUI中如何使用消息窗口 第5張

(05)預覽方法Dreamweaver軟件中的【地球圖標】,點擊它會彈出下拉列表,點擊【預覽在360se】。

easyUI中如何使用消息窗口 第6張

(06)預覽在瀏覽器中然後在瀏覽器中預覽效果,結果如下圖所示:

easyUI中如何使用消息窗口 第7張

(07)調試代碼的方法在瀏覽器中可以查看代碼運行的效果圖,我們右擊頁面,點擊【審查元素】即可在裏面調試代碼。

easyUI中如何使用消息窗口 第8張
easyUI中如何使用消息窗口 第9張

特別提示

easyUI中提供了很多消息窗口方法,比如有alert()方法,show()方法、confirm()方法、progress()方法等,這裏只是以alert()方法進行說明,其他方法都是用這樣做的。