HTML5 的新功能：WebSocket 属性和事件

WebSocket 是 HTML5 开始提供的在单个 TCP 连接上进行全双工通信的协议。

WebSocket使得客户端和服务器之间的数据交换变得更加容易，允许服务器主动推送数据给客户端。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就可以直接建立永久连接，进行双向数据传输。

在WebSocket API中，浏览器和服务器只需要进行一次握手动作，浏览器和服务器之间就形成了一条快速通道。两者之间可以直接发送数据。

WebSocket 属性

• Socket.readyState 只读属性，表示连接状态：0 - 表示连接尚未建立，1 - 表示连接已建立，可以通信已执行，2-表示连接已关闭，3-表示连接已关闭或无法打开连接。
• Socket.bufferedAmount 只读属性，由 send() 排队等待发送但尚未发送的 UTF-8 文本字节数。 KWebsocket 事件
  • Socket.onopen 当连接建立时，激活
  • Socket.onMessage Socket.onerror 当接收到数据时，
  • Socket.on close 激活 连接关闭时触发

  示例：`

   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!");
          }
       }
       
       WebSocketTest()
  复制代码

  ` 要了解有关 WebSocket 的更多信息，请访问 HTML5 WebSocket。