google chrome的确是个好东西,除了速度快,支持HTML5,还有一些新的东西,比如今天我要提到的Notification,也就是桌面提醒。
什么是桌面提醒就不用多解释了,简而言之就是在桌面右下角弹出一个对话框,给用户一些提示信息,类似于我们常见的广告。有人开玩笑说,这个Notification就是web2.0下的新广告。哈!
废话少说,我们先上图上真相,然后上代码。
<! doctype html> < html > < head > < title >Notification</ title > < meta http-equiv='Content-Type' content='text/html;charset=utf-8'></ meta > </ head > < body > < button onclick="notify()">Click Me to Notify</ button > < script type="text/javascript"> function notify(){ if(window.webkitNotifications){ if (window.webkitNotifications.checkPermission() > 0) { RequestPermission(notify); } else { var notification=webkitNotifications.createNotification( 'http://images.cnblogs.com/cnblogs_com/flyingzl/268702/r_1.jpg', 'twitter', 'A dog is seating int the manager!' ); //var notification=webkitNotifications.createHTMLNotification('http://www.cnblogs.com/flyingzl'); notification.show(); } } } function RequestPermission(callback) { window.webkitNotifications.requestPermission(callback); } </ script > </ body > </ html > |
简单解释下。要想弹出窗口提示需要分两步走。第一步就是要获得权限,即通知用户是否允许桌面提示。第二步就是 如果获得到了权限,就弹出提示窗口,否则不做任何操作。如果直接越过第一步,会出现诸如"Uncaught Error: SECURITY_ERR: DOM Exception 18"等异常。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· 程序员转型AI:行业分析
· 深入集成:使用 DeepSeek SDK for .NET 实现自然语言处理功能
· 为DeepSeek添加本地知识库
· .NET程序员AI开发基座:Microsoft.Extensions.AI