Easyui Messager 消息框

最新推荐文章于 2022-03-01 10:56:55 发布

avoidaily

最新推荐文章于 2022-03-01 10:56:55 发布

阅读量200

点赞数

分类专栏：用心软件

原文链接：https://www.cnblogs.com/shyroke/p/7682509.html

版权

用心软件专栏收录该内容

16 篇文章 0 订阅

订阅专栏

// 更多相关 - 消息框
https://blog.csdn.net/xiaoyatouvsanan/article/details/32329709?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<%
    String path = request.getContextPath();
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="<%=path%>/script/easyUI-1.4/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css"  href="<%=path%>/script/easyUI-1.4/themes/icon.css">
</head>

<body>
    <pre>
	    <input type="button" value="调用alert消息提示框" onclick="alertMessage();">
	    <input type="button" value="调用confirm消息提示框" onclick="confirmMessage();">
	    <input type="button" value="调用prompt消息提示框" onclick="promptMessage();">
	    <input type="button" value="调用progress消息提示框" onclick="progressMessage();">
	</pre>
</body>
</html>

<script type="text/javascript" src="<%=path%>/script/easyUI-1.4/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<%=path%>/script/easyUI-1.4/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=path%>/script/easyUI-1.4/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">

    function alertMessage() {
        $.messager.alert("alert消息提示框", "alert消息提示内容", "info", function() {
            //在窗口关闭的时候触发该回调函数。
        });
    }

    function confirmMessage() {
        $.messager.confirm("confirm消息提示框", "confirm消息提示内容", function(res) {
            if (res) {
                $.messager.alert("提示", "用户选择了是", "info");
            } else {
                $.messager.alert("提示", "用户选择了否", "info");
            }
        });
    }

    function promptMessage() {
        $.messager.prompt("prompt消息提示框", "请输入姓名", function(res) {
            if (res) {
                $.messager.alert("提示", "您的姓名是" + res, "info");
            }
        })
    }

    function progressMessage() {
	    $.messager.progress({
	            title : "progress Title",
	            msg : "进度条内容",
	            text : "进度条上的内容",
	            interval : 1000        //每次进度更新的间隔时间为1000毫秒
	        });
    }
    
</script>

在这里插入图片描述

avoidaily

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Easyui Messager 消息框

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html ><html><% String path = request.getContextPath();%><head><meta http-equiv="Content-Type" content="text/html;
复制链接

扫一扫

专栏目录