本篇文章给大家带来的内容是关于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新增协议：WebSocket协议的实例的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
368
