HTML5 Notifications桌面提醒_html-js-css

概述HTML5 Notifications桌面提醒

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<!DOCTYPE HTML><HTML><head><Meta charset="utf-8"><Title>HTML5 - Notifications</Title><script>//判断浏览器是否支持Notificationsfunction supported(){	if(window.webkitNotifications){		alert('浏览器支持Notifications');	} else {		alert('浏览器不支持Notifications');	}}//请求桌面通知权限function requestPermission() {	window.webkitNotifications.requestPermission();}//获取请求权限状态function checkPermission() {	switch (window.webkitNotifications.checkPermission()) {		case 0:alert('用户已允许显示桌面通知');break;		case 1:alert('用户还没有允许或拒绝显示桌面通知');break;		case 2:alert('用户已拒绝显示桌面通知');break;	}}//创建文本消息function textMsg(){	var icon = 'logo.png';	var Title = '阿鹏\'s BLOG';	var body =  'http://www.1990c.com';	var popup = window.webkitNotifications.createNotification(icon,Title,body);	popup.ondisplay = function(event) {		setTimeout(function() {			event.currentTarget.cancel();		},5000);	}	popup.show();}//创建HTML消息function HTMLMsg(){	var popup = window.webkitNotifications.createHTMLNotification('msg.HTML');	popup.ondisplay = function(event) {		setTimeout(function() {			event.currentTarget.cancel();		},5000);	}	popup.show();}</script></head><body><input type="button" value="是否支持桌面提醒" onclick="supported();"/><input type="button" value="请求权限" onclick="requestPermission();"/><input type="button" value="请求权限状态" onclick="checkPermission();"/><input type="button" value="显示文本消息" onclick="textMsg();"/><input type="button" value="显示HTML消息" onclick="HTMLMsg();"/></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的HTML5 Notifications桌面提醒全部内容，希望文章能够帮你解决HTML5 Notifications桌面提醒所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1096725.html