HTML5聊天窗口是一個很有用的工具,可以通過它與其他人進行實時交流。下面是一個簡單的HTML5聊天窗口的寫法代碼:
<!DOCTYPE html> <html> <head> <title>HTML5聊天窗口</title> </head> <body> <div id="chat"></div> <form> <input type="text" id="message" placeholder="在這里輸入消息"> <button type="submit" onclick="send()">發送</button> </form> <script> var chat = document.getElementById('chat'); var ws = new WebSocket('ws://localhost:8080'); ws.onmessage = function(event) { var message = event.data; var p = document.createElement('p'); p.innerHTML = message; chat.appendChild(p); }; function send() { var message = document.getElementById('message').value; ws.send(message); document.getElementById('message').value = ''; return false; } </script> </body> </html>
上面的代碼使用了WebSocket來實現實時通信,同時使用了JavaScript來動態創建聊天記錄的p標簽并將其添加到聊天窗口的div中。