DIV CSS 佈局教程網

第四步：添加一些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，現在我們可以把我們學的東西整合到客戶端頁面中了。