HTML5桌面通知开启代码片段

<script type="text/javascript">
function showmsg() {
    mynotify = new Notification("页面消息提醒", {
        body: '当前共计收到N个页面消息提醒',
        icon: 'http://q.qlogo.cn/headimg_dl?dst_uin=2162010&spec=40',
        tag: 1
    });
    mynotify.onshow = function() {
        setTimeout(function() {
            mynotify.close();
        }, 5000);
    }
    mynotify.onclick = function() {
        window.location.href = "http://www.xcwl.com";
    }
    mynotify.onclose = function() {
        //可以在这里做一些有意义的事情，比如记录显示通知的次数
        document.write('ss');
    }
}
//判断浏览器是否支持桌面通知
if (window.Notification) {
    var notification = window.Notification;
    var mynotify;
    if (notification.permission == "granted") {
        //创建通知
        showmsg();
    }else if(notification.permission == "default") {
        //判断许可状态
        /*
        如果用户从未设置过此网站的桌面提醒状态(可能是第一次访问这个网站，或者以前允许过，但是在通知-例外中删除掉了)，则调用requestPermission方法，让用户选择是否允许桌面提醒
        */
        notification.requestPermission(function(permission) {
            //在回掉函数中判断用户的选择,在这里不用为“拒绝”选项编写代码，因为既然拒绝，就什么都不做了，也不用为默认状态编写代码，因为既然已经弹出让用户选择的选项了，就没有所谓的默认状态了。所以只需要处理用户允许的状态就可以了
            if (permission == "granted") {
                //创建通知
                showmsg();
            }
        });
    }
}
</script>
</head>

new Notification(title, options)
通过new构造，显示通知。其中title是必须参数，表示通知小框框的标题内容，options是可选参数，对象，支持的参数以及释义见下表：