安卓html5桌面提醒,HTML5桌面通知提示功能的实现

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。本文我们就和大家分享HTML5实现桌面通知提示功能。

具体代码如下所示：

有人想加你为好友

;(function (){

if(window.Notification){

var btn = document.getElementById("button");

var txt = document.getElementById("text");

btn.onclick = function (){

if(Notification.permission == "granted"){

popNotice();

}else if(Notification.permission != "denied"){

Notification.requestPermission().then(function (permission){

popNotice()

})

}

};

function popNotice(){

if(Notification.permission == "granted"){

var notification = new Notification("你好:",{

body:"请问今晚有空吗",

icon:"http://image.zhangxinxu.com/左边头像地址"

});

notification.onclick = function (){

txt.innerHTML = new Date().toTimeString().split(" ")[0]+"收到信息";

notification.close();

}

}else{

console.log("浏览器不支持Notification");

}

})();

Notification.requestPermission()是个请求，让浏览器出现是否允许通知的提示和 Notification.permission 一样返回 "3"个值 "granted" "default" "denied" 户允许通知, 用户目前还没有管, 用户嫌弃。

安卓html5桌面提醒,HTML5桌面通知提示功能的实现相关推荐

php通知前端,HTML5桌面通知提示功能的实现
HTML5赋予网页更好的意义和结构.更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序.对用户都更有价值的数据驱动的Web.本文我们就和大家分享HTML5实现桌面通知提示功能. ...
安卓实现消息提醒（震动和提示音）
转自:http://blog.csdn.net/dyllove98/article/details/8799249 1.准备一个音频文件比如:beep.ogg. ogg格式是声音压缩格式的一种,类 ...
Outlook 2003 的桌面提醒(Desktop Alerts)功能
MS Outlook 是比较流行的邮件客户端,它有一个新邮件通知功能,可以帮我们及时掌握邮件到达情况.Outlook 2002 和以前版本的新邮件通知功能长得是这个样子的: 说实话,我不是很喜欢这个功 ...
HTML5 API详解（14）:Notification 实现桌面提醒
桌面提醒功能可以在窗口隐藏甚至是浏览器最小化(不被激活)的情况下,依然可以对用户进行信息通信,采用的方式就是在电脑桌面的右下角弹出消息提示框.这样的一个功能可以使用在一些消息推送的场景下.不过,虽然h ...
html5 桌面提醒参数,html5 桌面提醒：Notifycations应用介绍
HTML5中的桌面提醒(web notifications)可以在当前页面窗口弹出一个消息框,这个消息框是跨 Tab 窗口的,这在用户打开多个 tab 浏览网页时,提醒比较方便,容易让用户看到.目前只 ...
HTML5开发桌面提醒功能
桌面提醒的介绍桌面通知功能能够让浏览器即使是最小化状态也能将消息通知给用户.这和WebIM是最为天然的结合.不过,目前支持Desktop Notification功能的浏览器只有Chrome5+. ...
HTML5桌面提醒的文章
在很多社交网站如facebook, 人人网上,都会有一种消息提醒的功能.当你在浏览网页时有人给你发了消息,在你页面的右下角会出现一个小的提示框.这是一个很实用的小功能,但在目前来说,它有一个局限性:提 ...
html5 桌面提醒参数,[HTML5]Notification桌面提醒功能
桌面提醒的介绍桌面通知功能能够让浏览器即使是最小化状态也能够将消息通知给用户.这和WebIM是最为天然的结合.弹出来的内容只能是文本,暂不支持HTML. Notification桌面提醒功能的好处 ...
html5 桌面提醒例子,HTML5 Notification（桌面提醒）功能使用实例
一.HTML5 Notification 简介HTML5 Notification ,即桌面通知.目前浏览器依然是一个严格的沙盒工作模式,这种模式把浏览器和桌面的通信隔离开.Notification可 ...

安卓html5桌面提醒,HTML5桌面通知提示功能的实现

安卓html5桌面提醒,HTML5桌面通知提示功能的实现相关推荐

最新文章

热门文章