HTML | DOM onmessage 事件

HTML DOM 中的onmessage 事件在对象通过事件源接收到一些消息时使用。

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

• 数据：它包含存在于其中的实际消息。
• 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 + "<br>";
            };
   
        }
        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 + "<br>";
            });
   
        } else {
            document.getElementById("geeks").innerHTML = 
                             "Your browser does not supported";
        }
    
   

   

输出：

支持的浏览器： onmessage事件支持的浏览器如下：

• 谷歌浏览器 9.0
• 火狐 6.0
• 苹果 Safari 5.0
• 歌剧 11.0