<script>
(function(){
#這一段可以讓程式碼隨時知道頁面上有什麼變化
})();
</script>
先宣告一個websocket連線,注意URL的格式：ws://ip:端口
<script>
(function(){
var key=’all’,mkey;
var users={};//存放user的列表
var url=’ws://要連接的ip:端口’;
var so=false,n=false;
#A.$(‘us’)指的是取名為us的節點
var lus=A.$(‘us’),lct=A.$(‘ct’);
so=new WebSocket(url);//宣告websocket
})();
</script>
宣告完之後要做握手的動作
<script>
(function(){
var key=’all’,mkey;
var users={};//存放user的列表
var url=’ws://要連接的ip:端口’;
var so=false,n=false;
#A.$(‘us’)指的是取名為us的節點
var lus=A.$(‘us’),lct=A.$(‘ct’);
so=new WebSocket(url);//宣告websocket
/
監聽函數
so.onopen=function(){
//狀態為1證明握手成功，然後把client自定義的名字發送過去
if(so.readyState==1){
so.send(‘type=add&ming=’+n);
}
}
/失敗或者其他原因連接socket失敗，則清除so對象並做相應提示操作
so.onclose=function(){
so=false;
/失敗在頁面上顯示退出聊天室
lct.appendChild(A.$$(‘<div class=”dialog-me” ><div class=”dialog-content-me”>退出聊天室</div></div>’));
}
})();
</script>
lct.appendChild()這個部份是指在lct的節點下新增東西,
也就是將聊天訊息一直往下增長的效果.
握玩手之後再來要做訊息監聽的部份,
我們留在下一章說明~~