zoukankan      html  css  js  c++  java
  • HTML 5 桌面提醒

    <script>
        function showNotice(title,msg){
            var Notification = window.Notification || window.mozNotification || window.webkitNotification;
            if(Notification){
                Notification.requestPermission(function(status){
                    //status默认值'default'等同于拒绝 'denied' 意味着用户不想要通知 'granted'意味着用户同意启用通知
                    if("granted" != status){
                        return;
                    }else{
                        var tag = "sds"+Math.random();
                        var notify = new Notification(
                                title,
                                {
                                    dir:'auto',
                                    lang:'zh-CN',
                                    tag:tag,//实例化的notification的id
                                    icon:'域名/favicon.ico', //通知的缩略图,//icon 支持ico、png、jpg、jpeg格式
                                    body:msg //通知的具体内容
                                }
                        );
                        notify.onclick=function(){
                            //如果通知消息被点击,通知窗口将被激活
                            window.focus();
                        },
                        notify.onerror = function () {
                           console.log("HTML5桌面消息出错!!!");
                        };
                        notify.onshow = function () {
                            setTimeout(function(){
                                notify.close();
                            },7000)
                        };
                        notify.onclose = function () {
                            console.log("HTML5桌面消息关闭!!!");
                        };
                    }
                });
            }else{
                console.log("您的浏览器不支持桌面消息");
            }
        };
     showNotice("您有新的通知","<span></span>很可惜这里不能添加html代码,只能是纯文本);
    </script>

      Notification.requestPermission  该方法将向用户请求询问显示提示框的权限。返回值有三个:

    default  //默认
    granted //允许
    denied //拒绝

    var notify = new Notification(title,options) 构造函数,两个参数为title(标题,可设为空,则不显示标题),options为一个对象,有以下几个属性:
    dir(文字方向,经测试都不支持)
    lang(语言)
    body(消息体)
    tag(标签)
    icon(icon地址)

    Notification对象还有四个事件:分别在消息显示、被点击、被关闭和出错的时候被触发
    onshow()
    onclick()
    onclose()
    onerror()
  • 相关阅读:
    Fiddler使用教程(收藏)
    js类的几种写法
    对js中prototype的理解
    【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容)--转
    js加载顺序
    html加载js那些事
    HTTP状态码详解
    JS编码解码
    css绝对定位、相对定位和文档流的那些事
    jQuery事件绑定方法bind、 live、delegate和on的区别
  • 原文地址:https://www.cnblogs.com/xuey/p/7617127.html
Copyright © 2011-2022 走看看