WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。在WebSocket API中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。 

    1. <!DOCTYPE HTML>
    2. <html>
    3.    <head>
    4.    <meta charset="utf-8">
    5.    <title>W3Cschool教程(w3cschool.cn)</title>
    7.       <script type="text/javascript">
    8.          function WebSocketTest()
    9.          {
    10.             if ("WebSocket" in window)
    11.             {
    12.                alert("您的浏览器支持 WebSocket!");
    14.                // 打开一个 web socket
    15.                var ws = new WebSocket("ws://localhost:9998/echo");
    17.                ws.onopen = function()
    18.                {
    19.                   // Web Socket 已连接上，使用 send() 方法发送数据
    20.                   ws.send("发送数据");
    21.                   alert("数据发送中...");
    22.                };
    24.                ws.onmessage = function (evt) 
    25.                { 
    26.                   var received_msg = evt.data;
    27.                   alert("数据已接收...");
    28.                };
    30.                ws.onclose = function()
    31.                { 
    32.                   // 关闭 websocket
    33.                   alert("连接已关闭..."); 
    34.                };
    35.             }
    37.             else
    38.             {
    39.                // 浏览器不支持 WebSocket
    40.                alert("您的浏览器不支持 WebSocket!");
    41.             }
    42.          }
    43.       </script>
    45.    </head>
    46.    <body>
    48.       <div id="sse">
    49.          <a href="javascript:WebSocketTest()">运行 WebSocket</a>
    50.       </div>
    52.    </body>
    53. </html>