01.jsp
<%@ 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 '001.jsp' starting page</title>
<script type="text/javascript"
src="js/jquery-easyui-1.2.6/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css"
href="js/jquery-easyui-1.2.6/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
href="js/jquery-easyui-1.2.6/themes/icon.css" />
<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>
<script type="text/javascript">
$(function() {
$.messager.alert('警告', '警告消息');
$.messager.show({
title : '我的消息',
msg : '消息將在5秒後關閉。',
timeout : 5000,
showType : 'slide'
});
});
</script>
</head>
<body>
This is my JSP page.
<br>
</body>
</html>
消息窗口提供了不同的消息框風格，包含alert(警告框), confirm(確認框), prompt(提示框), progress(進度框)等。所有的消息框都是異步的。用戶可以在交互消息之後使用回調函數去處理結果或做一些自己需要處理的事情。
依賴關係
----------------------------
show-----------------1.顯示警告窗口。參數：
title：在頭部面板顯示的標題文本。
msg：顯示的消息文本。
icon：顯示的圖標圖像。可用值有：error,question,info,warning。
fn: 在窗口關閉的時候觸發該回調函數。
title：在頭部面板顯示的標題文本。
msg：顯示的消息文本。
icon：顯示的圖標圖像。可用值有：error,question,info,warning。
fn: 在窗口關閉的時候觸發該回調函數。
<pre name="code" class="html">$.messager.alert('警告', '警告消息');<img src="https://img-blog.csdn.net/20151122190146193?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
2.<pre name="code" class="html">$.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:''
}
});
--------------------
confirm
---------------------
$.messager.confirm('確認對話框', '您想要退出該系統嗎？', function(r) {
if (r) {
alert("確定");
}
else{
alert("取消");
}
});
if (r) {
alert("確定");
}
else{
alert("取消");
}
});
$.messager.confirm('確認對話框', '您想要退出該系統嗎？', function(r) {
if (r) {
alert("確定");
}
else{
alert("取消");
}
});
if (r) {
alert("確定");
}
else{
alert("取消");
}
});
