HTML5+CSS3-充实笔记0626

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

桌面通知API

Notification API
以前的桌面通知都是将消息放在一个div中（局限：仅在本网页有效，用户离开后即无效）
HTML5使用webkitNotification或者Notification生成的消息依附于浏览器

要生成一个桌面通知的流程：

• 检查浏览器是否支持Notification
• 检查浏览器的通知权限，必须允许通知才能生成消息
• 若权限不够，需要获取浏览器的通知权限
• 创建消息通知
• 展示消息通知
  

使用webkitNotification对象

document.getElementById("nButton").onclick = function(){

if(window.webkitNotifications){

if(webkitNotifications.checkPermission == 0 ){

var icon_url = "http://www.baidu.com/";
var title="桌面消息";
var body = "这是通过webkitNotifications对象发送的消息！";
var WebkitNotification = webkitNotifications.createNotification(icon_url, title, body);
WebkitNotification.show( );

}else{

document.getElementById("rButton").onclick = function( ){

webkitNotifications.requestPermission( );

};

}

}else alert("您的浏览器不支持桌面通知特性。");

};

checkPermission属性返回3个值：0允许；1不允许；2拒绝

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

学习笔记奖！

thanks for sharing

谢谢分享

谢谢分享