php通知前端,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" 户允许通知, 用户目前还没有管, 用户嫌弃。

php通知前端,HTML5桌面通知提示功能的实现相关推荐

安卓html5桌面提醒,HTML5桌面通知提示功能的实现
HTML5赋予网页更好的意义和结构.更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序.对用户都更有价值的数据驱动的Web.本文我们就和大家分享HTML5实现桌面通知提示功能. ...
HTML5 桌面通知：Notification API 的应用
2019独角兽企业重金招聘Python工程师标准>>> 先看效果: image.png 这是利用html5桌面通知Notification API实现的,先看看代码,再分析Notif ...
HTML5 桌面通知 new Notification
1.背景: 房产咨询,用户和房博士聊天,当发送聊天消息时,需要做收到消息通知,最后查到HTML5新增的 Notification API的通知功能.即使将浏览器窗口最小化,依然会收到消息通知. 2. ...
html5桌面通知自动关闭时间,H5 notification浏览器桌面通知
Notification是HTML5新增的API,用于向用户配置和显示桌面通知.上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的.实际去查一下发现并不复杂,且可以说比较简单,故写篇博客分 ...
H5的Notification特性 - Web的桌面通知功能
本文为joshua317原创文章,转载请注明:转载自joshua317博客 https://www.joshua317.com/article/49 H5的Notification特性 - Web的桌 ...
HTML5中的Web Notification桌面通知(右下角提示)
html5桌面通知(Web Notifications)对于需要实现在新消息入线时,有桌面通知效果的情况下非常有用,在此简单介绍一下这个html5的新属性.通过Web Notifications(桌面 ...
js 浏览器桌面通知notification
Notification是HTML5新增的API,用于向用户配置和显示桌面通知.上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的.实际去查一下发现并不复杂,且可以说比较简单,故写篇博客分 ...
H5 notification浏览器桌面通知
Notification是HTML5新增的API,用于向用户配置和显示桌面通知.上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的.实际去查一下发现并不复杂,且可以说比较简单,故写篇博客分 ...
html5 桌面提醒例子,HTML5 Notification（桌面提醒）功能使用实例
一.HTML5 Notification 简介HTML5 Notification ,即桌面通知.目前浏览器依然是一个严格的沙盒工作模式,这种模式把浏览器和桌面的通信隔离开.Notification可 ...

php通知前端,HTML5桌面通知提示功能的实现

php通知前端,HTML5桌面通知提示功能的实现相关推荐

最新文章

热门文章