<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <script>
   var socket;
   function init(){
    var url="ws://localhost/12345/";
    try{
     socket=new WebSocket(url);
     socket.onopen=function(event){
     log("连接已建立"+this.readyState);
    };
      socket.onmessage=function(event){
       log("<b>接收到的数据:"+event.data+"</b>");
      };
      socket.onerror=function(event){
       log("出错,信息是:"+this.readyState);
      };
    }
    catch(err){log(err.message);}
    document.getElementById("log").focus();
   }
    
    function quit(){
     log("已退出");
     socket.close;
     socket=null;
    }
    
    function send(){
     var txt=document.getElementById("log");
     var msg=txt.value;
     if(!msg){alert("不能发送空内容");return;}
     txt.value="";
     txt.focus();
     try{
      socket.send(msg);
      log('Send:'+msg);
     }
     catch(err){load(err.message);}
    }
    
    function log(msg){
     document.getElementById("log").innerHTML+="<br/>+msg";
    }
    
  </script>
 </head>
 <body onload="init()">
  <div id="log"></div>
  <input id="msg" type="text"/>
  <button onClick="send()">发送</button>
  <button onClick="quit()">退出</button>
 </body>
</html>

posted on 2012-07-08 13:40  cobrenda  阅读(1313)  评论(0编辑  收藏  举报