app模板、应用模板、组件模板、widget模板
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

57 lines
1.6 KiB

4 years ago
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>websocket测试(runoob.com)</title>
  6. <script type="text/javascript">
  7. function WebSocketTest()
  8. {
  9. if ("WebSocket" in window)
  10. {
  11. alert("您的浏览器支持 WebSocket!");
  12. // 初始化一个 WebSocket 对象,参数指明url
  13. var ws = new WebSocket("ws://localhost:9999");
  14. // WebSocket 连接时候触发
  15. ws.onopen = function()
  16. {
  17. //使用 send() 方法发送数据
  18. ws.send("客户端发送的数据");
  19. alert("数据发送中...");
  20. };
  21. // 接收服务端数据时触发
  22. ws.onmessage = function (evt)
  23. {
  24. var received_msg = evt.data;
  25. console.log(received_msg);
  26. alert("数据已接收...");
  27. };
  28. //断开 web socket 连接成功触发事件
  29. ws.onclose = function()
  30. {
  31. // 关闭 websocket
  32. alert("连接已关闭...");
  33. };
  34. }
  35. else
  36. {
  37. // 浏览器不支持 WebSocket
  38. alert("您的浏览器不支持 WebSocket!");
  39. }
  40. }
  41. </script>
  42. </head>
  43. <body>
  44. <div id="sse">
  45. <a href="javascript:WebSocketTest()">运行 WebSocket</a>
  46. </div>
  47. </body>
  48. </html>
  49.