- 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) 關閉通知時將執行此回撥函式。 |
函式 |