版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/jikefzz1095377498/article/details/82798161
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>WebSocket</title>
</head>
<body>
<h1>Echo Test</h1>
<input id="sendText" type="text" />
<button id="sendBtn">发送</button>
<div id="recv"></div>
<script type="text/javascript">
var websocket = new WebSocket("ws://echo.websocket.org/");
websocket.onopen = function(){
console.log('websocket open');
document.getElementById("recv").innerHTML = "connected";
}
websocket.onclose = function(){
console.log('websocket close');
}
websocket.onmessage = function(e){
console.log(e.data);
document.getElementById("recv").innerHTML = e.data;
}
document.getElementById("sendBtn").onclick = function(){
vat text = document.getElementById("sendText").value;
websocket.send(text);
}
</script>
</body>
</html>