## 消息框
## 目录
[TOC]
## 提示消息
### 参数说明
```
hdjs.message(content,redirect,type,timeout,option)
```
| content | redirect | type | timeout | option |
| --- | --- | --- | --- | --- |
| 信息内容 | 跳转地址有三种方式 1:back(返回上一页) 2:refresh(刷新当前页) 3:具体Url | 信息类型 success(成功),error(失败),warning(警告),info(提示) | 关闭时间单位秒 | 组件内部使用modal模态框,所以第四个参数即为模态框设置的参数,请参考模态框章节 |
### 基本使用
![](https://box.kancloud.cn/ebb5d0c2025edfc365ad120414dbb4cb_631x266.png)
```
<script>
require(['hdjs','bootstra'], function (hdjs) {
hdjs.message('基本使用','','success');
})
</script>
```
### 弹出框宽度100%
因为message方法内部使用modal模态框,所以第四个参数即为模态框设置的参数
```
<script>
require(['hdjs','bootstra'], function (hdjs) {
hdjs.message('弹出框宽度100%', '', 'success', 2, {width: '80%'});
})
</script>
```
### 使用modal模态框事件处理
```
<script>
require(['hdjs','bootstra'], function (hdjs) {
hdjs.message('使用modal模态框事件处理', '', 'success', 2, {
events: {
'hidden.bs.modal': function () {
alert('模态框消失时,我来了');
}
}
});
})
</script>
```
> hdjs.message内部使用modal 模态框组件,所以第四个参数可以用于设置 modal模态框选项, 具体请参考模态框章节
## 确认消息
![](https://box.kancloud.cn/336e79c0150eee75bfbcd90e33cd60fe_625x260.png)
```
<script>
require(['hdjs','bootstra'], function (hdjs) {
hdjs.confirm('确定删除吗?', function () {
alert('点击确定后执行的回调函数');
})
})
</script>
```
- 文档已经迁移到后盾人
- 基础知识
- 项目介绍
- 安装配置
- 日期时间
- 日期选择
- 列表框日期
- 日期区间
- 时间选择
- moment
- 上传处理
- 初始配置
- 图片上传
- 文件上传
- 消息通知
- 消息通知
- Bootstrap消息
- izitoast
- SweetAlert
- 模态框
- 表单管理
- 异步请求
- 表单提交
- 表单验证
- 扩展组件
- GET参数
- 剪贴板
- 表情选择
- 图表
- 拾色器
- 二维码生成
- 光标控制
- 数据验证
- md5
- 设备检测
- Loading
- 预览图片
- 图标库
- COOKIE
- 百度地图
- 城市选择
- Vue.js
- jQuery
- axios
- 播放器
- 幻灯片
- 代码高亮
- 阿里云OSS
- 验证码
- 页面滚动
- lodash
- momentjs
- markdownIt
- 元素页面固定
- 编辑器
- ueditor
- editor.md
- SimpleMDE
- simditor
- 自定义组件
- 1.0(旧版)
- 基础知识
- 作者向军
- 安装配置
- 查看效果
- 元素样式
- 日期时间
- 日期选择
- 日期区间
- 时间选择
- moment
- 上传处理
- 图片上传
- 文件上传
- 后台处理
- 模态消息
- 模态
- notify
- bootstrap
- 表单管理
- 表单提交
- 表单验证
- 表单样式
- 扩展组件
- 自定义组件
- get参数
- 剪贴板
- 表情选择
- 图表
- 拾色器
- 二维码生成
- 光标控制
- 数据验证
- MD5
- loading
- 预览图片
- 图标库
- COOKIE
- 百度地图
- 城市选择
- Vuejs
- jQuery
- 播放器
- 幻灯片
- axios
- 代码高亮
- 阿里云OSS
- 验证码
- 正则表达式
- 工具函数
- 编辑器
- 百度编辑器
- markdown
- simplemde-markdow