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

ID:9161 / 打印

本篇文章给大家带来的内容是关于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中postMessage实现跨域的代码分析
下一篇: HTML5应用:离线的应用以及存储的应用

作者:admin @ 24资源网   2024-09-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。