WebSocket.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>WebSocket客户端</title>
  6. <script type="text/javascript">
  7. function WebSocketTest(url)
  8. {
  9. if ("WebSocket" in window)
  10. {
  11. // 打开一个 web socket
  12. var ws = new WebSocket(url);
  13. ws.onopen = function()
  14. {
  15. alert("连接已建立");
  16. ws.send("hello");
  17. };
  18. ws.onmessage = function(ev)
  19. {
  20. var received_msg = ev.data;
  21. console.log("received websocket message: " + received_msg);
  22. var li=document.createElement("li");
  23. li.innerHTML=received_msg;
  24. document.getElementById("msg_list").appendChild(li);
  25. };
  26. ws.onclose = function()
  27. {
  28. alert("连接已关闭");
  29. };
  30. }
  31. else
  32. {
  33. alert("您的浏览器不支持 WebSocket!");
  34. }
  35. }
  36. </script>
  37. </head>
  38. <body>
  39. URL: <input type="text" id="url" value="ws://127.0.0.1:9999/test" style="width:300px;">
  40. <button onclick="WebSocketTest(document.getElementById('url').value)">运行 WebSocket</button>
  41. <div>
  42. <ul id="msg_list" style="height:500px;overflow-y:scroll;">
  43. </ul>
  44. <div>
  45. </body>
  46. </html>