.messager.show options 在屏幕右下角显示一条消息窗口。该选项参数是一个可配置的对象：
showType：定义将如何显示该消息。可用值有：null,slide,fade,show。默认：slide。
showSpeed：定义窗口显示的过度时间。默认：600毫秒。
width：定义消息窗口的宽度。默认：250px。
height：定义消息窗口的高度。默认：100px。
title：在头部面板显示的标题文本。
msg：显示的消息文本。
style：定义消息窗体的自定义样式。
timeout：如果定义为0，消息窗体将不会自动关闭，除非用户关闭他。如果定义成非0的树，消息窗体将在超时后自动关闭。默认：4秒。

代码示例：

$.messager.show({

	title:'我的消息',

	msg:'消息将在5秒后关闭。',

	timeout:5000,

	showType:'slide'

});

// 消息将显示在顶部中间

$.messager.show({

	title:'我的消息',

	msg:'消息将在4秒后关闭。',

	showType:'show',

	style:{

		right:'',

		top:document.body.scrollTop+document.documentElement.scrollTop,

		bottom:''

	}

});
$.messager.alert title, msg, icon, fn 显示警告窗口。参数：
title：在头部面板显示的标题文本。
msg：显示的消息文本。
icon：显示的图标图像。可用值有：error,question,info,warning。
fn:
在窗口关闭的时候触发该回调函数。

代码示例：

$.messager.alert('我的消息','这是一个提示信息！','info');
$.messager.confirm title, msg, fn 显示一个包含“确定”和“取消”按钮的确认消息窗口。参数：
title：在头部面板显示的标题文本。
msg：显示的消息文本。
fn(b):
当用户点击“确定”按钮的时侯将传递一个true值给回调函数，否则传递一个false值。

代码示例

$.messager.confirm('确认对话框', '您想要退出该系统吗？', function(r){

	if (r){

	    // 退出操作;

	}

});
$.messager.prompt title, msg, fn 显示一个用户可以输入文本的并且带“确定”和“取消”按钮的消息窗体。参数：
title：在头部面板显示的标题文本。
msg：显示的消息文本。
fn(val):
在用户输入一个值参数的时候执行的回调函数。

代码示例：

$.messager.prompt('提示信息', '请输入你的姓名：', function(r){

	if (r){

		alert('你的姓名是：' + r);

	}

});
$.messager.progress options or method 显示一个进度消息窗体。
属性定义为：
title：在头部面板显示的标题文本。默认：空。
msg：显示的消息文本。默认：空。

text：在进度条上显示的文本。默认：undefined。
interval：每次进度更新的间隔时间。默认：300毫秒。

方法定义为：
bar：获取进度条对象。
close：关闭进度窗口。

代码示例：

显示进度消息窗口。

	$.messager.progress();

关闭进度消息窗口。

	$.messager.progress('close');

例子：

1、alert

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'message01.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

    <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script>

    <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/icon.css">

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/gray/easyui.css">

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/demo/demo.css">

  </head>

  <body>

    <h2>Alter Messager</h2>

    <p>点击每一个按钮显示不同的消息框</p>

    <div style="margin:20px 0;">

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert1()">Alert</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert2()">Error</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert3()">Info</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert4()">Question</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert5()">Warning</a>

    </div>

    <script>

        function alert1(){

            $.messager.alert('My Title','Here is a message!');

        }

        function alert2(){

            $.messager.alert('My Title','Here is a error message!','error',function(){

                alert("消息框完成了");

            });

        }

        function alert3(){

            $.messager.alert('My Title','Here is a info message!','info');

        }

        function alert4(){

            $.messager.alert('My Title','Here is a question message!','question');

        }

        function alert5(){

            $.messager.alert('My Title','Here is a warning message!','warning');

        }

    </script>

  </body>

</html>

2、show和progress

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'message01.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

    <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script>

    <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/icon.css">

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/gray/easyui.css">

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/demo/demo.css">

  </head>

  <body>

    <h2>Alter Messager</h2>

    <p>点击每一个按钮显示不同的消息框</p>

    <div style="margin:20px 0;">

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="show()">Show</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="slide()">Silde</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="fade()">Fade</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="progess()">Progess</a>

    </div>

    <script>

        function show(){

            $.messager.show({

                title:'My Title',

                msg:'Message will be closed after 4 second',

                showType:'show'

            });

        }

        function slide(){

            $.messager.show({

                title:'My Title',

                msg:'Message will be closed after 5 second',

                timeout:5000,

                showType:'slide'

            });

        }

        function fade(){

            $.messager.show({

                title:'My Title',

                msg:'Message never be closed.',

                timeout:0,

                showType:'fade'

            });

        }

        function progess(){

            $.messager.progress({

                title:'Please waiting',

                msg:'Loading data...',

                text:'Loading ...',

                interval:500

            });

            setTimeout(function(){

                $.messager.progress('close');

            },5000);

        }

    </script>

  </body>

</html>

3、confirm和prompt

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'message01.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

    <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script>

    <script type="text/javascript" src="js/jquery-easyui-1.2.6/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="js/jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js"></script>

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/icon.css">

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/themes/gray/easyui.css">

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.2.6/demo/demo.css">

  </head>

  <body>

    <h2>Alter Messager</h2>

    <p>点击每一个按钮显示不同的消息框</p>

    <div style="margin:20px 0;">

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="confirm1()">confirm</a>

        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="prompt1()">prompt</a>

    </div>

    <script>

        function confirm1(){

            $.messager.confirm("My Title","Are you confirm this?",function(r){

                if(r){

                    alert("confirmed: "+r);

                }

            });

        }

        function prompt1(){

            $.messager.prompt("My Title","Please type something",function(r){

                if(r){

                alert("you type: "+r);

                }

            });

        }

    </script>

  </body>

</html>

message消息框的更多相关文章

  1. 在vue项目中的main.js中直接使用element-ui中的Message 消息提示、MessageBox 弹框、Notification 通知

    需求来源:向后台请求数据时后台挂掉了,后台响应就出现错误,不做处理界面就卡住了,这时需要在main.js中使用axios的响应拦截器在出现相应错误是给出提示.项目使用element-ui,就调用里面的 ...

  2. WPF弹出带蒙板的消息框

    效果图 思路 拿到父级窗体的内容,放入一个容器里,再在容器里放入一个半透明层.将整个容器赋给父级窗体的内容. 关闭时反向操作. 代码 消息窗弹出时 /// <summary> /// 弹出 ...

  3. 【C#】分享一个可携带附加消息的增强消息框MessageBoxEx

    --------------201507160917更新--------------- 无意中发现标准消息框在Windows7是有声音的,只是在Windows server 2008(R2)无声,而我 ...

  4. 用Javascript弹出div定义的消息框并往块里面填写文字

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. WndProc Message消息解释

    public class WindowsMessage { public const int WM_NULL = 0x0000; // public const int WM_CREATE = 0x0 ...

  6. ftk学习记（消息框篇）

    [ 声明:版权全部,欢迎转载,请勿用于商业用途.  联系信箱:feixiaoxing @163.com] 上一篇说到了输入框.闲话不多说,首先看结果显示, 大家看看效果是不是和我们之前说的一样.今天, ...

  7. EasyUI Messager 消息框

    通过 $.messager.defaults 重写默认的 defaults. 消息框(messager)提供不同样式的消息框,包括警示(alert).确认(confirm).提示(prompt).进展 ...

  8. windows程序设计 MessageBox消息框

    MessageBox函数 int WINAPI MessageBoxW( HWND hWnd,//窗口句柄 LPCWSTR lpText,//消息框主体显示的字符串 LPCWSTR lpCaption ...

  9. VBA消息框

    MsgBox函数显示一个消息框,并等待用户点击一个按钮,然后根据用户点击该按钮的动作执行. 语法 MsgBox(prompt[,buttons][,title][,helpfile,context]) ...

随机推荐

  1. openresty 定时器

    [1]nginx定时器应用 (1)文件目录结构 (2)nginx.conf配置 lua_package_path "/usr/local/lib/ubcsrvd/lualib/?.lua;; ...

  2. Linq系列(7)——表达式树之ExpressionVisitor

    大家好,由于今天项目升级,大家都在获最新代码,所以我又有时间在这里写点东西,跟大家分享. 在上一篇的文章中我介绍了一个dll,使大家在debug的时候可以可视化的看到ExpressionTree的Bo ...

  3. jquery基础研究学习【基础】

    2017年6月6日15:07:58     该看:http://www.runoob.com/jquery/jquery-fade.html                淡入淡出 jQuery 教程 ...

  4. Cassandra数据库Java訪问

    针对的时Cassandra 2.0 数据库 Java本地client訪问Cassandra,首先建立Javaproject,使用Maven进行管理. 引入依赖: <dependency> ...

  5. 【BZOJ3510】首都 LCT维护子树信息+启发式合并

    [BZOJ3510]首都 Description 在X星球上有N个国家,每个国家占据着X星球的一座城市.由于国家之间是敌对关系,所以不同国家的两个城市是不会有公路相连的. X星球上战乱频发,如果A国打 ...

  6. 电路分析三------KCL，KVL，VCR方程

    1.2b方程 2.举例 举例2

  7. iphone传感器

    传感器 什么是传感器 传感器是一种感应\检测装置, 目前已经广泛应用于智能手机上 传感器的作用 用于感应\检测设备周边的信息 不同类型的传感器, 检测的信息也不一样 iPhone中的下面现象都是由传感 ...

  8. Python的自省机制

    什么是自省? 在日常生活中,自省(introspection)是一种自我检查行为. 在计算机编程中,自省是指这种能力:检查某些事物以确定它是什么.它知道什么以及它能做什么.自省向程序员提供了极大的灵活 ...

  9. 【python】-- 文件操作

    一.概述 我们工作中需要经常操作文件,下面就讲讲如何用Python操作文件 1.文件操作的流程: 打开文件,得到文件句柄赋值给一个变量 通过文件句柄,对文件进行操作 关闭文件 #获取文件句柄 f = ...

  10. python基础-第五篇-5.2递归

    又是一个阳光明媚的日子,小白看着刚刚从东边升起的太阳,感觉太阳爷爷也在向她打招呼,小白就不经的微笑起来!心想:今天又会学到什么有趣的东西呢?有些小期待,也有些小激动! 小刘来得比小白还早,两辆相视而笑 ...