html协议-HTML5新合约的WebSocket合约实例分析

本文将为您详细介绍“HTML5新合约的WebSocket合约示例”。 内容和步骤清晰详细,细节处理得当。 《WebSocket合约实例分析》能给你意想不到的收获,请跟随小编的思考逐步深入,具体内容如下,让我们一起收获新知识。

什么是html

html的全称是Hypertext Markup Language,是一种包含一系列标签的标记语言。 通过这个标签,可以统一互联网上的文档格式,将分散的互联网资源连接成一个逻辑整体。 html文本是由html命令组成的描述性文本html协议,可以解释文字、图形、动画、声音、表格、链接等,主要与css+js配合使用,打造高贵的后端网页。

协议http_协议HTML_html协议

WebSocket是HTML 5中的新契约html协议,基于TCP连接进行全双工通信

协议HTML_协议http_html协议

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

协议HTML_协议http_html协议

判断浏览器是否支持WebSocket

协议HTML_协议http_html协议

// 判断浏览器是否支持 WebSocket
if (window.WebSocket != undefined)
 {    
    var Socket = new WebSocket('ws://localhost: 8080')
  }

协议HTML_html协议_协议http

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契约示例分析》这个关键问题有最深刻的体会。 具体使用需要自行练习。 了解了,如果您想阅读更多相关文章,欢迎关注易速云行业资讯频道!