html socket tcp 通信代码
时间: 2023-09-09 10:08:32 浏览: 203
socket通信代码
HTML 是一种标记语言,它主要用于描述网页的结构和内容,而 Socket 和 TCP 则是两种通信协议。HTML 本身并不直接提供 Socket 或 TCP 通信的功能,但是可以通过 JavaScript 等脚本语言来实现相关的功能。
以下是一个使用 JavaScript 实现 Socket TCP 通信的简单代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>Socket TCP Communication</title>
</head>
<body>
<h1>Socket TCP Communication</h1>
<textarea id="log" rows="10" cols="50"></textarea><br><br>
<input type="text" id="message"><br><br>
<button onclick="send()">Send</button>
<script>
var socket = new WebSocket("ws://localhost:8080");
socket.onopen = function() {
log("Connected to server.");
};
socket.onmessage = function(event) {
log("Received message from server: " + event.data);
};
function send() {
var message = document.getElementById("message").value;
socket.send(message);
log("Sent message to server: " + message);
}
function log(message) {
var log = document.getElementById("log");
log.value += message + "\n";
}
</script>
</body>
</html>
```
这个页面包含了一个文本框、一个按钮和一个日志窗口。当用户点击按钮时,页面会使用 WebSocket 对象连接到本地的服务器(地址为 ws://localhost:8080),并发送文本框中的内容。当服务器接收到消息后,会将消息发送回页面,页面会将收到的消息显示在日志窗口中。在 JavaScript 中,我们可以使用 WebSocket 对象来处理 Socket TCP 通信。在这个例子中,我们使用了 WebSocket 对象的 `onopen`、`onmessage` 和 `send` 方法来处理连接、接收消息和发送消息。
阅读全文