html5 onmessage原理,HTML onmessage事件用法及代码示例

当对象通过事件源接收到某些消息时，将使用HTML DOM中的onmessage事件。

onmessage事件的事件对象支持以下方案：

data:它包含其中包含的实际消息。

origin:它包含调用事件的文档的URL。

lastEventId:它用作消息流中发现的最后一条消息的描述性属性。

注意：Internet Explorer不支持服务器发送的事件。

用法:

object.onmessage = function(){myScript};

使用addEventListener()方法object.addEventListener("message", myScript);

范例1：

HTML DOM onmessage Event

if (typeof(EventSource) !== "undefined") {

var source = new EventSource("/html/demo_sse.php");

source.onopen = function() {

document.getElementById("gfg").innerHTML =

"GeeksforGeeks";

};

source.onmessage = function(event) {

document.getElementById("geeks").innerHTML +=

event.data + "
";

};

}

else {

document.getElementById("geeks").innerHTML =

"browser does not support";

}

输出：

范例2：使用addEventListener()方法

HTML DOM onmessage Event

if (typeof(EventSource) !== "undefined") {

var source = new EventSource("/html/demo_sse.php");

source.addEventListener("open", function() {

document.getElementById("gfg").innerHTML =

"GeeksforGeeks";

});

source.addEventListener("message", function(event) {

document.getElementById("geeks").innerHTML +=

event.data + "
";

});

} else {

document.getElementById("geeks").innerHTML =

"Your browser does not supported";

}

输出：

支持的浏览器：下面列出了onmessage Event支持的浏览器：

谷歌浏览器9.0

Mozilla Firefox 6.0

苹果Safari 5.0

Opera 11.0