中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

第五步：WebSocket

事件首先讓我們嘗試并理解WebSocket事件的概念：

WebSocket事件：

我們將使用三個WebSocket事件：

onopen: 當接口打開時

onmessage: 當收到信息時

onclose: 當接口關(guān)閉時

我們?nèi)绾蝸韺崿F(xiàn)呢？

首先創(chuàng)建WebSocket對象

var socket = new WebSocket("ws://localhost:8000/socket/server/startDaemon.php");

然后向下面這樣檢測事件

socket.onopen = function(){ 
    alert("Socket has been opened!"); 
}

當我們收到信息時這樣做：

socket.onmessage = function(msg){ 
    alert(msg); //Awesome! 
}

但我們還是盡量避免使用alert，現(xiàn)在我們可以把我們學的東西整合到客戶端頁面中了。

第六步：JavaScript　　

首先我們將代碼放到jQuery 的 document.ready函數(shù)中，然后我們還要檢查用戶的瀏覽器是否支持WebSocket。如果不支持，我們就添加一個鏈向Chrome瀏覽器頁面的鏈接。

$(document).ready(function() { 
    if(!("WebSocket" in window)){ 
        $('#chatLog, input, button, #examples').fadeOut("fast"); 
        $('<p>Oh no, you need a browser that supports WebSockets. How about <a href="Google'>http://www.google.com/chrome">Google Chrome</a>?</p>').appendTo('#container'); 
    }else{ 
    //The user has WebSockets 
    connect(); 
    function connect(){ 
        //the connect function code is below 
    } 
});

如你所見，如果用戶瀏覽器支持WebSocket，我們將執(zhí)行connect()函數(shù)。這里是核心功能，我們將開始創(chuàng)建open、close和receive事件。

出處：彬Go
責任編輯：bluehearts

上一頁 HTML5 WebSockets基礎(chǔ)使用教程 [2] 下一頁 HTML5 WebSockets基礎(chǔ)使用教程 [4]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。