- Framework7 教程
- Framework7 - 首页
- Framework7 - 概述
- Framework7 - 环境
- Framework7 组件
- Framework7 - 布局
- Framework7 - 导航栏
- Framework7 - 工具栏
- Framework7 - 搜索栏
- Framework7 - 状态栏
- Framework7 - 侧边栏
- Framework7 - 内容块
- Framework7 - 布局网格
- Framework7 - 覆盖层
- Framework7 - 预加载器
- Framework7 - 进度条
- Framework7 - 列表视图
- Framework7 - 手风琴
- Framework7 - 卡片
- Framework7 - 芯片
- Framework7 - 按钮
- Framework7 - 操作按钮
- Framework7 - 表单
- Framework7 - 标签页
- Framework7 - Swiper 滑块
- Framework7 - 照片浏览器
- Framework7 - 自动完成
- Framework7 - 选择器
- Framework7 - 日历
- Framework7 - 刷新
- Framework7 - 无限滚动
- Framework7 - 消息
- Framework7 - 消息栏
- Framework7 - 通知
- Framework7 - 延迟加载
- Framework7 样式
- Framework7 - 颜色主题
- Framework7 - 分割线
- Framework7 模板
- Framework7 - 模板概述
- Framework7 - 自动编译
- Framework7 - Template7 页面
- Framework7 快速点击
- Framework7 - 活动状态
- Framework7 - 长按事件
- Framework7 - 触摸水波纹
- Framework7 有用资源
- Framework7 - 快速指南
- Framework7 - 有用资源
- Framework7 - 讨论
Framework7 - 通知 JavaScript API
描述
通知也可以通过使用下面所示的相关应用程序方法使用 JavaScript 添加和关闭:
myApp.addNotification(parameters) − 用于添加/显示通知,它接受带有通知参数的必需对象。此方法返回动态创建的通知元素的 HTMLElement。
myApp.closeNotification(notificationElement) − 用于关闭指定的通知,它接受notificationElement作为必填参数,它是一个HTMLElement或所需通知的字符串。
下表显示了添加新通知时所需的通知参数:
| 序号 | 参数及描述 | 类型 | 默认值 |
|---|---|---|---|
| 1 | 标题 (title) 它表示通知标题,默认情况下等于notificationTitle应用程序的参数。仅与 iOS 主题一起使用。 |
字符串 | |
| 2 | 副标题 (subtitle) 它表示通知副标题,默认情况下等于notificationSubtitle应用程序的参数。仅与 iOS 主题一起使用。 |
字符串 | |
| 3 | 媒体 (media) 它是通知媒体元素,它是包含图标或图像的 HTML 字符串。默认情况下等于notificationMedia应用程序的参数。仅与 iOS 主题一起使用。 |
字符串 | |
| 4 | 保持 (hold) 用于在指定超时后自动关闭通知。默认情况下等于notificationHold应用程序的参数。仅与 iOS 主题一起使用。 |
数字 | |
| 5 | 关闭图标 (closeIcon) 禁用以从通知中删除关闭图标。默认情况下等于notificationCloseIcon应用程序的参数。 |
布尔值 | true |
| 6 | 按钮 (button) 它是材质通知按钮,它接受三个属性,即文本、颜色和关闭。仅与材质主题一起使用。 |
对象 | |
| 7 | 点击关闭 (closeOnClick) 如果将其设置为true,则点击通知后将关闭通知。默认情况下等于notificationCloseOnClick应用程序的参数。 |
布尔值 | false |
| 8 | 附加类 (additionalClass) 用于向通知元素添加额外指定的 CSS 类。 |
字符串 | |
| 9 | 自定义 (custom) 当您想使用自定义 HTML 布局的通知时,使用此参数。使用此参数时,将忽略标题、副标题、媒体和关闭图标参数。 |
字符串 | |
| 10 | 点击事件 (onClick) 点击通知项后将执行此回调函数。 |
函数 | |
| 11 | 关闭事件 (onClose) 关闭通知时将执行此回调函数。 |
函数 |