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

时间2024-01-23 15:10:37发布访客分类HTML浏览564

导读：收集整理的这篇文章主要介绍了HTML5新增协议：WebSocket协议的实例，觉得挺不错的，现在分享给大家，也给大家做个参考。本篇文章给大家带来的内容是关于HTML5新增协议：WebSocket协议的实例，有一定的参考价值，有需要的朋友可以...

收集整理的这篇文章主要介绍了HTML5新增协议：WebSocket协议的实例，觉得挺不错的，现在分享给大家，也给大家做个参考。

本篇文章给大家带来的内容是关于HTML5新增协议：WebSocket协议的实例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

WebSocket 是 html 5 新增的协议，基于 TCP 连接进行全双工通信

全双工通信：表示允许数据在两个方向上同时传输。

判断浏览器是否支持 WebSocket

// 判断浏览器是否支持 WebSocketif (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协议的实例的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！