Комментарий: уведомления на рабочем столе в HTML5 могут всплыть окно сообщений в окне текущей страницы. Это окно сообщения охватывает окно вкладки. Это напоминание удобнее, когда пользователи открывают несколько вкладок для просмотра веб -страницы и их легко увидеть.
Уведомления на рабочем столе в HTML5 могут всплыть в окне текущей страницы. Это окно сообщения охватывает окно вкладки. Это напоминание удобнее и легко для пользователей, когда пользователи открывают несколько вкладок для просмотра веб -страниц. В настоящее время, пока ядро Webkit поддерживает эту функцию.Эта функция должна быть включена в Chrome в режиме HTTP.
Функция напоминания на рабочем столе реализована объектом Window.WebKitNotifications (WebKit Kernel).
У объекта Window.webkitnotifications нет атрибутов, и есть четыре метода:
1.Requestpermission ()
Этот метод используется для запроса разрешения напоминания сообщения пользователю. Если разрешение в настоящее время не открывается, браузер всплывает интерфейс авторизации. После того, как пользователь разрешает, значение статуса (целое число 0, 1 или 2) генерируется внутри объекта:
0: Это означает, что пользователь соглашается с напоминанием сообщения, и функция напоминания информации может использоваться только в этом состоянии;
1: Указывает статус по умолчанию, пользователь не отклоняет и не соглашается;
2: указывает, что пользователь отказывается от напоминания о сообщении.
2.CHECKPERMISSION ()
Этот метод используется для получения значения состояния разрешения, запрашиваемого requestPermission ().
3. CREATENOTICATIAN ()
Этот метод создает сообщение напоминания в чистом сообщении, которое принимает три параметра строки:
ICONURL: адрес значка, отображаемый в сообщении,
Название: Название сообщения,
Тело: Содержание текста тела сообщения
Этот метод вернет объект уведомления, который может быть установлен для большего.
Свойства и методы объекта уведомления:
Dir: ""
Onclick: Null
Onclose: Null
ondisplay: function (event) {
OneError: Null
Onshow: Null
Заменить: ""
ярлык: ""
__proto__: уведомление
addEventListener: функция addEventListener () {[Native Code]}
Отмена: function cancel () {[Native Code]}
Close: function close () {[Native Code]}
Constructor: Function notification () {[Native Code]}
DispatchEvent: function DispatchEvent () {[Native Code]}
removeEventListener: function RemoveEventListener () {[Настоящий код]}
show: function show () {[насыщенный код]}
__proto__: объект
DIR: Установите направление расположения сообщений, значения можно воспринимать как Auto (Auto), LTR (слева направо), RTL (справа налево).
Тег: добавьте имя тега в сообщение. Если это свойство установлено, когда появится новое напоминание о сообщении, сообщения с той же меткой будут отображаться только в том же поле сообщения, а последнее поле сообщения заменит предыдущий. В противном случае появится несколько полевых поксов сообщений, но максимальное значение отобразит 3 окна сообщений, если более 3, последующее уведомление о сообщении будет заблокировано.
Onshow: триггеры при отображении окна сообщения;
Onclick: Это событие запускается, когда нажимается поле сообщения;
Onclose: триггеры, когда сообщение закрыто;
Onerror: запускает событие, когда возникает ошибка;
Метод:
addEventListener && removeEventListener: общие методы добавления и удаления событий;
Показать: показывать напоминание о напоминании;
Закройте: закройте поле «Напоминание сообщения»;
Отмена: закройте поле «Напоминание сообщения», точно так же, как Close;
4. Createhtmlnotification ()
Разница между этим методом и CreateNotification () заключается в том, что он создает сообщение в HTML, принимая параметр: URL -адрес файла HTML, и этот метод также возвращает объект уведомления.
Пример:
<! Doctype html>
<html>
<голова>
<Title> Уведомления в HTML5 </title>
</head>
<тело>
<форма>
<input type = "кнопка" value = "Отправить уведомление" />
</form>
<script type = "text/javascript">
document.getElementById ("tryNotification"). OnClick = function () {
уведомление (math.random ());
};
функция уведомление (вкладка) {
if (! window.webkitnotifications) {
вернуть ложь;
}
var разрешение = window.webkitNotifications.checkpermission ();
if (разрешение! = 0) {
window.webkitnotifications.requestpermission ();
var requestTime = new Date ();
var wallime = 5000;
var eckeperminisec = 100;
settimeout (function () {
разрешение = window.webkitnotifications.checkpermission ();
if (разрешение == 0) {
CreateEnotification (TAB);
} else if (new Date ()-requestTime <waittime) {
setTimeout (Arguments.callee, checkperminisec);
}
}, checkperminisec);
} else if (разрешение == 0) {
CreateEnotification (TAB);
}
}
Функция Createenotification (Tab) {
var showec = 10000;
var icon = "http://tech.baidu.com/resource/img/logo_news_137_46.png";
var + new date (). tolocaletimeString () + "] закрыто после" + (showec/1000) + "секунды";
var body = "Привет, мир, я - информация о веб -сайте";
var popup = window.webkitnotifications.createNotification (значок, заголовок, тело);
opup.tag = tab;
opup.ondisplay = function (event) {
settimeout (function () {
event.currenttarget.cancel ();
}, showec);
}
popup.show ();
}
</script>
</body>
</html>