<script> // 初始化聊天室连接const socket = new WebSocket('ws://localhost:8080');// 监听服务器消息socket.onmessage = function(event) {// 将服务器消息添加到聊天框中const data = JSON.parse(event.data);const message = data.message;const author = data.author;const timestamp = data.timestamp;const formattedMessage = `${author} (${timestamp}): ${message}`;const chatBox = document.querySelector('.chat-box');chatBox.innerHTML += `

${formattedMessage}

`;};// 监听表单提交const chatInputForm = document.querySelector('.chat-input form');chatInputForm.addEventListener('submit', function(event) {event.preventDefault();// 获取用户输入const message = document.querySelector('.chat-input-field').value;const author = '用户';const timestamp = new Date().toISOString();// 格式化消息数据const data = JSON.stringify({ message, author, timestamp });// 发送消息到服务器socket.send(data);// 清空输入框document.querySelector('.chat-input-field').value = '';}); </script>