代码：
message.html
<!DOCTYPE html> <html> <head> <title>消息框</title> <meta charset="UTF-8" /> <script type="text/javascript" src="easyui/jquery.min.js"></script> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js" ></script> <script type="text/javascript" src="js/message.js"></script> <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" /> <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" /> </head> <body> </body> </html> message.js
$(function () { $.messager.defaults = { ok : '是', cancel : '否', }; $.messager.alert('警告框','这是一个提示！','info', function () { alert('警告框'); }); $.messager.confirm('确认框','你真的要删除吗？', function (flag) { if (flag) { alert('删除成功！'); } }); $.messager.prompt('提示框', '请输入你的名字！', function (content) { if (content) { alert(content); } }); $.messager.progress({ title : '执行中', msg : '努力上传中', text : '{value}%', interval : 500, }); //console.log($.messager.progress('bar')); $.messager.progress('close'); $.messager.show({ title : '我的消息', msg : '消息5秒钟后关闭', timeout : 5000, showType : 'fade', style : { top : 0, } }); $.messager.confirm('确认框','你真的要删除吗？', function (flag) { if (flag) { alert('删除成功！'); } }); }); 截图：
