###之前的一些老方案： 1）浏览器定时器刷新title或则界面内容 2）后台推动前台试试显示
###关键技术 window.Notification
###支持情况 pc端支持好些，移动端支持较差，具体情况请google
###调用语法
一、调用方式： 1）链式：Notification.requestPermission().then(function(permission) { ... });
2）回调模式：Notification.requestPermission(callback);
二、回调处理方式
通知信息处理方式：new Notification(title, options)
title表示标题
options为其他参数，具体如下：
|---|---|
|属性名 |释义|
| dir | 默认值是auto, 可以是ltr或rtl，有点类似direction属性。表示提示主体内容的水平书写顺序。|
| lang | 提示的语言。没看出来有什么用。大家可以忽略之~|
| body | 提示主体内容。字符串。会在标题的下面显示。|
| tag | 字符串。标记当前通知的标签。|
| icon | 字符串。通知面板左侧那个图标地址。|
| data | 任意类型和通知相关联的数据。|
|vibrate| 通知显示时候，设备震动硬件需要的振动模式。所谓振动模式，指的是一个描述交替时间的数组，分别表示振动和不振动的毫秒||数，一直交替下去。例如[200, 100, 200]表示设备振动200毫秒，然后停止100毫秒，再振动200毫秒。|
|renotify |布尔值。新通知出现的时候是否替换之前的。如果设为true，则表示替换，表示当前标记的通知只会出现一个。注意都这里“当|前标记”没？没错，true参数要想其作用，必须tag需要设置属性值。|
|silent |布尔值。通知出现的时候，是否要有声音。默认false, 表示无声。|
|sound |字符串。音频地址。表示通知出现要播放的声音资源。|
|noscreen| 布尔值。是否不再屏幕上显示通知信息。默认false, 表示要在屏幕上显示通知内容。显示桌面通知|
|sticky |布尔值。是否通知具有粘性，这样用户不太容易清除通知。默认false,| |表示没有粘性。根据我自己的猜测，应该和position的sticky属性值类似。|
需要在http协议下使用，file://貌似不行