HTML 5 Web Sockets應用初探 2

2021-08-31 08:16:47 字數 571 閱讀 6836

第四步:新增一些css  

沒什麼花俏**,只是處理一下標籤的樣式。

body

#container

#chatlog

#chatlog p

.event

.warning

第五步:web socket事件

首先讓我們嘗試並理解web socket事件的概念:

◆onopen: 當介面開啟時

◆onmessage: 當收到資訊時

◆onclose: 當介面關閉時

我們如何來實現呢?首先建立web socket物件。

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

然後向下面這樣檢測事件:

socket.onopen = function()

當我們收到資訊時這樣做:

socket.onmessage = function(msg)

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

HTML 5 Web Sockets應用初探 1

html 5之中乙個很酷的新特性就是web sockets,在本文之前51cto在 html 5 web socket 下一次web通訊革命揭幕 一文中已經詳細的為大家介紹過html 5 web sockets為web通訊帶來的改變,而本文將介紹通過php環境的伺服器端執行web socket,建立...

html5介紹,什麼是html5,html5新特性

html5 將成為 html xhtml 以及 html dom 的新標準。html 的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 是 w3c 與 whatwg 合作的結果。編...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...