99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

HTML5的Notifycations怎么應(yīng)用

今天小編給大家分享一下HTML5的Notifycations怎么應(yīng)用的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)長期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為榕城企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作，榕城網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

HTML5中的桌面提醒（網(wǎng)絡(luò)通知）可以在當(dāng)前頁面窗口上放置一個(gè)消息框，這個(gè)消息框是跨Tab窗口的，這在用戶打開多個(gè)tab瀏覽網(wǎng)頁時(shí)，提醒比較方便，容易讓用戶看到。只要是webkit內(nèi)核支持該功能。

該功能在chrome下需要以http方式打開網(wǎng)頁才能

啟用。桌面提醒功能由window.webkitNotifications對象實(shí)現(xiàn)（webkit內(nèi)核）

window.webkitNotifications對象沒有屬性，有四個(gè)方法：

1.requestPermission（）

該方法用于向用戶申請消息提醒權(quán)限，如果當(dāng)前沒有開放該權(quán)限，瀏覽器將打開授權(quán)界面，用戶授權(quán)后，在對象內(nèi)部產(chǎn)生一個(gè)狀態(tài)值（一個(gè)0、1或2的整數(shù)）：

0：表示用戶同意消息提醒，只在該狀態(tài)下可以使用信息提醒功能；

1：表示狀態(tài)，用戶既未拒絕，也未同意；

2：表示用戶拒絕消息提醒

2.checkPermission（）

這個(gè)方法用于獲取requestPermission（）申請到的權(quán)限的狀態(tài)值。

3.createNotification（）

這個(gè)方法以純消息的方式創(chuàng)建提醒消息，它接受三個(gè)字符串參數(shù)：

iconURL：消息在顯示中的圖標(biāo)種植地址，

標(biāo)題：消息的標(biāo)題，

body：消息主體文本內(nèi)容

該方法會(huì)返回一個(gè)Notification對象，可以針對這個(gè)對象做更多的設(shè)置。Notification

對象的屬性與方法：

復(fù)制代碼代碼如下： 

DIR： “”

的onclick：空

的OnClose：空

ondisplay：功能（事件）{

的onerror：空

OnShow中：空

replaceId： “”

標(biāo)簽： “”

__ PR oto__：通知

的addEventListener：功能的addEventListener（）{[本地代碼]}

取消：函數(shù)cancel（）{[本機(jī)代碼]}

close：函數(shù)close（）{[本機(jī)代碼]}

構(gòu)造函數(shù)：函數(shù)Notification（）{[本機(jī)代碼]}

dispatchEvent：函數(shù)dispatchEvent（）{[本機(jī)代碼]}

removeEventListener：函數(shù)removeEventListener （）{[本機(jī)代碼]}

show：函數(shù)show（）{[本機(jī)代碼]}

__proto__：對象

dir：設(shè)置消息的分配方向，可取到“ auto”（自動(dòng)），“ ltr”（從左到右），“ rtl”（從右到左）。

標(biāo)簽：為消息添加標(biāo)簽名。如果設(shè)置此屬性，當(dāng)有新消息提醒時(shí)，標(biāo)簽相同的消息只顯示在同一個(gè)消息框，后一個(gè)消息框會(huì)替換先前一個(gè)，否則出現(xiàn)多個(gè)消息提示框，但最大值顯示3個(gè)消息框，超過3個(gè)，后繼消息通知會(huì)被阻塞。

OnShow中：當(dāng)消息框顯示的時(shí)候觸發(fā)該事件;

的onclick：當(dāng)點(diǎn)擊消息框的時(shí)候觸發(fā)該事件;

OnClose中：當(dāng)消息關(guān)閉的時(shí)候觸發(fā)該事件;

的onerror：當(dāng)出現(xiàn)錯(cuò)誤的時(shí)候觸發(fā)該事件；

方法：

addEventListener && removeEventListener：常規(guī)的添加和

刪除事件方法；顯示：顯示消息提醒框；

關(guān)閉：關(guān)閉消息提醒框；

取消：關(guān)閉消息提醒框，和close一樣；

4.createHTMLNotification（）

該方法與createNotification（）不同的是，他以HTML方式創(chuàng)建消息，接受一個(gè)參數(shù)：HTML文件的URL，該方法同時(shí)返回Notification對象。

一個(gè)實(shí)例：

復(fù)制代碼代碼如下： 

<！DOCTYPE HTML>

<html>

<head>

<title> HTML5中的通知</ title>

</ head>

<body>

<form>

<input id =“ trynotification” type =“ button” value =“發(fā)送通知” / >

</ form>

<script type =“ text / javascript”>

document.getElementById（“ trynotification”）。onclick = function（）{

notify（Math.random（））;

};

函數(shù)notify（tab）{

如果（！window.webkitNotifications）{

返回false；

}

varPermission = window.webkitNotifications.checkPermission（）;

if（permission！= 0）{

window.webkitNotifications.requestPermission（）;

var requestTime = new Date（）;

var waitTime = 5000;

var checkPerMiniSec = 100;

setTimeout（function（）{

權(quán)限= window.webkitNotifications.checkPermission（）;

if（permission == 0）{

createNotification（tab）;

}否則if（new Date（）-requestTime <waitTime）{

setTimeout（arguments.callee，checkPerMiniSec ）;

}

}，checkPerMiniSec）;

}否則if（permission == 0）{

createNotification（tab）;

}

}

函數(shù)createNotification（tab）{

var showSec = 10000;

var icon =“ http://tech.baidu.com/resource/img/logo_news_137_46.png”;

var title =“ [” + new Date（）。toLocaleTimeString（）+“]在” +（showSec / 1000）+“秒”之后關(guān)閉；

var body =“你好，世界，

var popup = window.webkitNotifications.createNotification（icon，title，body）;

popup.tag =選項(xiàng)卡;

popup.ondisplay = function（event）{

setTimeout（function（）{

event.currentTarget.cancel（）;

}，showSec）;

}

popup.show（）;

}

</ script>

</ body>

</ html>

以上就是“HTML5的Notifycations怎么應(yīng)用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章標(biāo)題：HTML5的Notifycations怎么應(yīng)用
文章源于：http://www.yijiale78.com/article38/gdcdsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、商城網(wǎng)站、網(wǎng)站營銷、Google、服務(wù)器托管、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)