用html5实现桌面提醒功能

内容纲要

qq每天都会在右下角弹出一些最新的新闻或广告.这个功能要在web中实现起来也不难,但是总是有一点不完美.偶然发现html5解决了这个难题,使很多只能在c/s结构中看到的功能,在b/s结构中也能实现了.看代码:

<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<script>
function RequestPermission (callback) {
window.webkitNotifications.requestPermission(callback);
}

function showNotification(){
if (window.webkitNotifications.checkPermission() > 0) {
RequestPermission(showNotification);
}
else {
window.webkitNotifications.createNotification(“http://www.yaocheap.com/wp-content/themes/miui-wjc/files/timthumb.php?src=http://www.yaocheap.com/wp-content/themes/miui-wjc/images/rand/1.jpg”, “这里写标题”,
“这里写内容”).show();
}
}
</script>
</head>
<body>
<button onclick=”showNotification()”>Show Notification</button>
</body>
</html>

运行方法:必须在web服务器中运行在能看到效果,单独运行html文件是不行的哦!

发表评论

邮箱地址不会被公开。 必填项已用*标注

− 1 = 1