HTML 5 Web Sockets应用初探(2)
第四步：添加一些CSS没什么花俏代码，只是处理一下标签的样式。
body {
font-family:Arial, Helvetica, sans-serif;
}
#container{
border:5px solid grey;
width:800px;
margin:0 auto;
padding:10px;
}
#chatLog{
padding:5px;
border:1px solid black;
}
#chatLog p {
margin:0;
}
.event {
color:#999;
}
.warning{
font-weight:bold;
color:#CCC;
}
第五步：Web Socket事件
首先让我们尝试并理解Web Socket事件的概念：
◆onopen: 当接口打开时
◆onmessage: 当收到信息时
◆onclose: 当接口关闭时
我们如何来实现呢？首先创建Web Socket对象。
var socket = new Web Socket("ws://localhost:8000/socket/server/startDaemon.php");
然后向下面这样检测事件：
socket.onopen = function(){
alert("Socket has been opened!");
}
当我们收到信息时这样做：
socket.onmessage = function(msg){
alert(msg); //Awesome!
}
但我们还是尽量避免使用alert，现在我们可以把我们学的东西整合到客户端页面中了。
页:
[1]