清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>
<html> <head> <title>WebSocket</title> <style> html,body{font:normal 0.9em arial,helvetica;} #log {width:440px; height:200px; border:1px solid #7F9DB9; overflow:auto;} #msg {width:330px;} </style> <script> var socket; function init(){ var host = "ws://192.168.20.31:1234/"; try{ socket = new WebSocket(host); socket.onopen = function(msg){ ; }; socket.onmessage = function(msg){ log(msg.data); }; socket.onclose = function(msg){ log("Lose Connection!"); }; } catch(ex){ log(ex); } $("msg").focus(); } function send(){ var txt,msg; txt = $("msg"); msg = txt.value; if(!msg){ alert("Message can not be empty"); return; } txt.value=""; txt.focus(); try{ socket.send(msg); } catch(ex){ log(ex); } } window.onbeforeunload=function(){ try{ socket.send('quit'); socket.close(); socket=null; } catch(ex){ log(ex); } }; function $(id){ return document.getElementById(id); } function log(msg){ $("log").innerHTML+="<br>"+msg; } function onkey(event){ if(event.keyCode==13){ send(); } } </script> </head> <body onload="init()"> <h3>WebSocket</h3> <br><br> <div id="log"></div> <input id="msg" type="textbox" onkeypress="onkey(event)"/> <button onclick="send()">发送</button> </body> </html>