HTML5新增协议：WebSocket协议的实例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了HTML5新增协议：WebSocket协议的实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1174字，纯文字阅读大概需要2分钟。

内容图文

本篇文章给大家带来的内容是关于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新增协议：WebSocket协议的实例的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的HTML5新增协议：WebSocket协议的实例全部内容，希望文章能够帮你解决HTML5新增协议：WebSocket协议的实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---