首页能帮我写个支持在线聊天的HTML网页吗，写个示例代码

能帮我写个支持在线聊天的HTML网页吗，写个示例代码

时间: 2023-04-03 10:03:20 浏览: 98

当然可以，以下是一个简单的示例代码： <!DOCTYPE html> <html> <head> <title>在线聊天</title> <meta charset="UTF-8"> <style> #chatbox { width: 400px; height: 300px; border: 1px solid black; overflow-y: scroll; } </style> </head> <body> <div id="chatbox"></div> <input type="text" id="message"> <button onclick="sendMessage()">发送</button> <script> var socket = new WebSocket("ws://localhost:8080/chat"); socket.onmessage = function(event) { var message = event.data; var chatbox = document.getElementById("chatbox"); chatbox.innerHTML += message + "<br>"; }; function sendMessage() { var message = document.getElementById("message").value; socket.send(message); document.getElementById("message").value = ""; } </script> </body> </html> 请注意，这只是一个简单的示例代码，实际上需要更多的代码来处理连接、消息传递等。

阅读全文