本篇文章給大家帶來的內容是關于HTML5新增協議：WebSocket協議的實例，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

WebSocket 是 HTML 5 新增的協議，基于 TCP 連接進行全雙工通信

全雙工通信：表示允許數據在兩個方向上同時傳輸。

判斷瀏覽器是否支持 WebSocket// 判斷瀏覽器是否支持 WebSocket

if (window.WebSocket != undefined)

{

var Socket = new WebSocket('ws://localhost: 8080')

}

ws 協議是 WebSocket 新增的協議，此外還有 wss 協議，表示加密的 WebSocket 協議。兩者的關系如同 HTTP 協議對應 HTTPS 協議。

WebSocket 實例// 創建 WebSocket 實例

var Socket = new WebSocket('ws://localhost:8080')

// 連接打開

Socket.addEventListener('open', function(event) {

socket.send('Hello Server!')

})

// 建通數據傳送，有數據到達時觸發

Socket.addEventListener('message', function(event) {

console.log('Message from Server', event.data)

})

// 當錯誤發生時，用于監聽 error 事件的事件監聽器

Socker.addEventListener('error', function(event) {

console.log(event.data)

})

// 連接關閉

Socket.addEventListener('close', function(event){

console.log(event.data)

})

相關文章推薦：

HTML5應用：離線的應用以及存儲的應用

HTML標簽：img標簽的用法總結

總結

以上是生活随笔為你收集整理的HTML5协议的,HTML5新增协议：WebSocket协议的实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。