封装WebSocket代码 使用 demo js

好的，以下是一个使用示例，演示如何使用我们之前提供的 WebSocket 代码：

<!-- 在 HTML 中引入 WebSocket JavaScript 文件 -->
<script src="websocket.js"></script>

<!-- 在 JavaScript 中连接到 WebSocket 服务器 -->
<script>
  // 连接到 WebSocket 服务器
  connect();

  // 发送消息到服务器
  document.getElementById("send-button").addEventListener("click", function() {
    const message = document.getElementById("message-input").value;
    send(message);
  });

  // 关闭 WebSocket 连接
  document.getElementById("close-button").addEventListener("click", function() {
    close();
  });
</script>

<!-- 在 HTML 中添加一些控件，以便发送消息和关闭 WebSocket 连接 -->
<input type="text" id="message-input">
<button id="send-button">Send</button>
<button id="close-button">Close</button>

在此示例中，我们首先引入 WebSocket JavaScript 文件。然后，在 JavaScript 中，我们调用 `connect()` 函数连接到 WebSocket 服务器。我们还为“发送”和“关闭”按钮添加了点击事件监听器，以便在用户点击这些按钮时发送消息或关闭 WebSocket 连接。

最后，我们在 HTML 中添加了一个文本输入框和两个按钮，以便发送消息或关闭 WebSocket 连接。

请注意，您需要将 `websocket.js` 替换为实际的 WebSocket JavaScript 文件的名称，并将 WebSocket 服务器的 URL 替换为实际的 URL。

希望这个示例可以帮助您开始使用 WebSocket。如果您需要更多帮助，请告诉我。