HTML5 デスクトップ通知 (Web 通知) は、新しいメッセージがオンラインになったときにデスクトップ通知効果が必要な場合に非常に役立ちます。ここでは、HTML5 のこの新しい属性について簡単に説明します。 Web 通知 (デスクトップ通知システム) を使用すると、ユーザーが現在の Web ページを閲覧しているか、ブラウザを最小化しているかに関係なく、Web サイトはユーザーのデスクトップに通知を届けることができます。
<!DOCTYPE html><html> <head lang=ja> <meta charset=UTF-8> <title></title> </head> <body> <script src=http://code.jquery.com/ jquery-1.8.0.min.js></script> <a onclick=showNotification();>クリックすると右下隅に情報が表示されます</a> <script> function showNotification() { window.Notification.許可= 許可; アラート(window.Notification.permission); if(window.Notification) { if(window.Notification.permission == 許可) { var notification = new Notice('新しいメッセージがあります', { body: こんにちは。 am Wang Xiaoting、アイコン: img/1.jpg }); setTimeout(function() { notification.close(); }, 5000); window.Notification.requestPermission() } } else alter('お使いのブラウザはこのメッセージ プロンプト機能をサポートしていません。Chrome コアを搭載したブラウザを使用してください。' };実現効果:
要約する上記は、エディターが導入した HTML5 の Web 通知デスクトップの右下隅にある通知機能の実装です。ご質問があれば、メッセージを残していただければ幸いです。時間内に返信してください。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました!