H5 WebSocket用法

约定不等于承诺〃 2022-01-26 04:45 178阅读 0赞

### 一.构造函数 ###

WebSocket(url, \[protocol\] );

**    语法：**

var ws = new WebSocket("ws://localhost:8080");

**参数：**

url：指定websocket服务器要相应的url

protocol：单个或多个协议字符串组成的数组，用于指定子协议

异常：SECURITY\_ERR 尝试链接的端口阻塞

### 二.事件 ###

open   Socket.onopen 连接建立时触发

message  Socket.onmessage 客户端接受服务端数据时触发

error Socket.onerror  通信发生错误时触发

close  Socket.onclose 连接关闭时触发

### 三.方法 ###

Socket.send()  使用连接发送数据

Socket.close() 关闭连接

<!DOCTYPE HTML>
    <html>
       <head>
       <meta charset="utf-8">
       <title>websocket</title>
        
          <script type="text/javascript">
             function WebSocketTest()
             {
                if ("WebSocket" in window)
                {
                   alert("您的浏览器支持 WebSocket!");
                   
                   // 打开一个 web socket
                   var ws = new WebSocket("ws://localhost:9998/echo");
                    
                   ws.onopen = function()
                   {
                      // Web Socket 已连接上，使用 send() 方法发送数据
                      ws.send("发送数据");
                      alert("数据发送中...");
                   };
                    
                   ws.onmessage = function (evt) 
                   { 
                      var received_msg = evt.data;
                      alert("数据已接收...");
                   };
                    
                   ws.onclose = function()
                   { 
                      // 关闭 websocket
                      alert("连接已关闭..."); 
                   };
                }
                
                else
                {
                   // 浏览器不支持 WebSocket
                   alert("您的浏览器不支持 WebSocket!");
                }
             }
          </script>
            
       </head>
       <body>
       
          <div id="sse">
             <a href="javascript:WebSocketTest()">运行 WebSocket</a>
          </div>
          
       </body>
    </html>

###      ###