总结jquery easyui 弹出消息框的方法

时间:2021-04-16

  下面是jquery easyui 弹出消息框的代码:

<html>
<head>
<!-- 导入easyui插件的js和css样式; -->
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/icon.css">
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/EasyuiDemo/scripts/jquery-easyui-1.1.1/jquery.easyui.min.js"></script>
<script type="text/javascript">
//右下角弹出框;
function slide(){
jQuery.messager.show({
title:'温馨提示:',
msg:'你好,我是从右下角弹出的窗体!',
timeout:5000,
showType:'slide'
});
}
//弹出框;
function alterInfo(){
jQuery.messager.alert('提示:','你好,我叫弹出框!');
}
//错误弹出框;
function errorInfo(){
jQuery.messager.alert('提示:','你好,我叫错误弹出框!','error');
}
//信息弹出框;
function info(){
jQuery.messager.alert('提示:','你好,我叫信息弹出框!','info');
}
//警告弹出框;
function warning(){
jQuery.messager.alert('提示:','你好,我叫警告弹出框!','warning');
}
//确认弹出框;
function confirmInfo(){
jQuery.messager.confirm('提示:','你确认要删除吗?',function(event){
if(event){
alert('你点击的是'+event);
}else{
alert("你点击的是false");
}
});
}
//可以输入文本的对方框;
function prompt(){
jQuery.messager.prompt('提示:','请输入消息.',function(r){
if(r){
alert("你输入的文本是:"+r);
}
})
}
</script>
</head>
<body>
</body>
</html>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章