Kommentar: Desktop -Benachrichtigungen in HTML5 können im aktuellen Seitenfenster ein Meldungsfeld auftauchen. Dieses Meldungsfeld umfasst das Registerkartenfenster. Diese Erinnerung ist bequemer, wenn Benutzer mehrere Registerkarten öffnen, um die Webseite zu durchsuchen und leicht zu sehen sind.
Desktop -Benachrichtigungen in HTML5 können im aktuellen Seitenfenster ein Meldungsfeld aufgeben. Dieses Meldungsfeld umfasst das Registerkartenfenster. Diese Erinnerung ist bequemer und einfacher für Benutzer zu sehen, wenn Benutzer mehrere Registerkarten öffnen, um Webseiten zu durchsuchen. Derzeit unterstützt der Webkit -Kernel diese Funktion.Diese Funktion muss im HTTP -Modus in Chrome aktiviert werden.
Die Desktop -Erinnerungsfunktion wird vom Fenster implementiert.
Das Fenster.Webkitnotifications -Objekt hat keine Attribute, und es gibt vier Methoden:
1.RequestPermission ()
Diese Methode wird verwendet, um die Erinnerung der Nachricht an den Benutzer anzufordern. Wenn die Berechtigung derzeit nicht geöffnet ist, wird der Browser die Autorisierungsschnittstelle veröffentlicht. Nachdem der Benutzer autorisiert hat, wird im Objekt ein Statuswert (eine Ganzzahl von 0, 1 oder 2) generiert:
0: Dies bedeutet, dass der Benutzer der Nachrichtenerinnerung zustimmt und die Informations -Erinnerungsfunktion nur in diesem Zustand verwendet werden kann.
1: Zeigt den Standardstatus an, der Benutzer lehnt weder ab oder stimmt zu.
2: Zeigt an, dass der Benutzer die Erinnerung der Nachrichten abgelehnt.
2. Checkpermission ()
Diese Methode wird verwendet, um den Statuswert der von RequestPermission () angeforderten Genehmigung zu erhalten.
3.CreateNotification ()
Diese Methode erstellt eine Erinnerungsnachricht in einer reinen Nachricht, die drei String -Parameter akzeptiert:
Iconurl: Die in der Nachricht angezeigte Symboladresse,
Titel: Der Titel der Nachricht,
Körper: Nachrichtenkörper Textinhalt
Diese Methode gibt ein Benachrichtigungsobjekt zurück, das für mehr festgelegt werden kann.
Eigenschaften und Methoden des Benachrichtigungsobjekts:
Dir: ""
ONCLICK: NULL
OnClose: NULL
OnDisplay: Funktion (Ereignis) {
OneReRror: NULL
Onshow: Null
Ersetzen: ""
Etikett: ""
__Proto__: Benachrichtigung
AddEventListener: Funktion addEventListener () {[nativer Code]}
Cancel: Funktion CRAIN () {[nativer Code]}
Close: Function Close () {[nativer Code]}
Konstruktor: Funktion notification () {[nativer Code]}
DispatchEvent: Function DispatcheEvent () {[nativer Code]}
REMENDEVENTLILISTEER: Funktion REMENDEVENTILILISTEER () {[NATURE CODE]}
Show: function show () {[nativer Code]}
__Proto__: Objekt
DIR: Stellen Sie die Anordnungsrichtung von Nachrichten ein, die Werte können als automatisch (automatisch), ltr (links nach rechts), RTL (rechts nach links) angenommen werden.
Tag: Fügen Sie der Nachricht einen Tagennamen hinzu. Wenn diese Eigenschaft festgelegt ist, werden bei einer neuen Nachrichtenerinnerung Nachrichten mit demselben Etikett nur im gleichen Nachrichtenfeld angezeigt, und das letztere Nachrichtenfeld ersetzt das vorherige. Andernfalls werden mehrere Nachrichten -Eingabeaufforderungspunkte angezeigt, aber der maximale Wert zeigt 3 Nachrichtenfelder an. Wenn mehr als 3 die nachfolgende Nachrichtenbenachrichtigung blockiert wird.
Onshow: Trigger, wenn das Meldungsfeld angezeigt wird;
Onclick: Dieses Ereignis wird ausgelöst, wenn das Meldungsfeld klickt.
Onclose: Auslöser, wenn die Nachricht geschlossen ist;
OnError: löst das Ereignis aus, wenn ein Fehler auftritt.
Verfahren:
AddEventListener && REMEDEVENTLISTENER: Allgemeines Hinzufügen und Entfernen von Ereignismethoden;
Show: Message Reminder Box anzeigen;
Schließen: Schließen Sie die Meldungserinnerungsbox;
Abbrechen: Schließen Sie das Reminderbox der Nachricht, genau wie Close;
4.Createhtmlnotification ()
Der Unterschied zwischen dieser Methode und der CreateNotification () besteht darin, dass sie eine Nachricht in HTML erstellt, wobei ein Parameter akzeptiert wird: die URL der HTML -Datei, und diese Methode gibt auch das Benachrichtigungsobjekt zurück.
Ein Beispiel:
<! DocType html>
<html>
<kopf>
<title> Benachrichtigungen in HTML5 </title>
</head>
<body>
<form>
<Eingabe type = "Taste" value = "Benachrichtigung senden" />
</form>
<script type = "text/javaScript">
Document.GetElementById ("Trynotification"). onclick = function () {
benachrichtigen (math.random ());
};
Funktion benachrichtigen (Tab) {
if (! window.webkitnotifications) {
false zurückgeben;
}
var generation = window.webkitnotifications.CheckPermission ();
if (Erlaubnis! = 0) {
window.webkitnotifications.requestPermission ();
var requestTime = new Date ();
var waitTime = 5000;
var checkPerminisec = 100;
setTimeout (function () {
Erlaubnis = Fenster.Webkitnotifications.CheckPermission ();
if (Berechtigung == 0) {
CreateNotification (Tab);
} else if (New Date ()-RequestTime <WaitTime) {
setTimeout (argumente.callee, checkPerminisec);
}
}, checkPerminisec);
} else if (generation == 0) {
CreateNotification (Tab);
}
}
Funktion createNotification (tab) {
var teenec = 10000;
var icon = "http://tech.baidu.com/resource/img/logo_news_137_46.png";
var + neues Datum (). Tolocaletimestring () + "] Schließen Sie nach" + (Showsec/1000) + "Sekunden";
var body = "Hallo Welt, ich bin Webkitnotifications -Informationen";
var popup = window.webkitnotifications.createNotification (Symbol, Titel, Körper);
popup.tag = tab;
popup.ondisplay = function (Ereignis) {
setTimeout (function () {
event.currentTarget.cancel ();
}, teenec);
}
popup.show ();
}
</script>
</body>
</html>