python与html5搭建聊天室_基于Html5 websocket和Python的在线聊天室（客户端）

WebSocket

html,body{font:normal 0.9em arial,helvetica;}

#log {width:440px; height:200px; border:1px solid #7F9DB9; overflow:auto;}

#msg {width:330px;}

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.οnbefοreunlοad=function(){

try{

socket.send('quit');

socket.close();

socket=null;

}

catch(ex){

log(ex);

}

};

function $(id){ return document.getElementById(id); }

function log(msg){ $("log").innerHTML+="
"+msg; }

function onkey(event){ if(event.keyCode==13){ send(); } }

WebSocket

发送