【Html5 WebSocket】WebSocket构造函数

最新推荐文章于 2024-01-25 14:32:51 发布
最新推荐文章于 2024-01-25 14:32:51 发布
阅读量2.8k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： Web前端 文章标签： Html5 WebSocket 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zgljl2012/article/details/46122721
这篇博客是《HTML5 WebSocket权威指南》的学习笔记，介绍了WebSocket的三种构造函数：WebSocket(URL)、WebSocket(URL,protocol)和WebSocket(URL,[protocols])。通过示例解释了ws和wss两种URL方案，以及如何设置协议以实现客户端和服务端的通信。" 110680266,7718336,Nmap批量探测主机技巧,"['网络安全', '渗透测试', 'Nmap扫描', '脚本编程']

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

《HTML5 WebSocket权威指南》学习笔记&1

在学习时WebSocket客户端API时，使用echo.websocket.org作为服务端，可以帮助学习者快速入门，减小学习难度，将较难的服务端学习延后。

WebSocket构造函数

WebSocket构造函数有三种，WebSocket(URL)、WebSocket(URL,protocol)、WebSocket(URL,[protocols]).

WebSocket(URL)

此种构造函数最为基础和简单，只需要传入URL就可构造WebSocket连接（HTML5代码省略）

var ws = new WebSocket("ws://echo.websocket.org");

在WebSocket中定义了两种URL方案(URL scheme )：

  • ws: 非加密流量 (http)
  • wss: 加密流量 (https)

顾名思义，两种方案的区别就在于前者不对流量加密传输，而后者使用传输层安全性（SSL）的WebSocket连接，使用Https机制采用的安全机制来保证Http连接的安全。

示例中使用的非加密方案。

WebSocket(URL,protocol)

此种构造函数传入URL以及一个协议名称来构造WebSocket连接（HTML5代码省略）


                

                
                
        

    

    
  


        

            

                      
                        最低0.47元/天 解锁文章
                        

                          
200万优质内容无限畅学

                          
                        

                      
            

        


    



                



	

		

			

				
					
《web开发： JavaScript 构造函数和原型》

				
			

			

				

					yexiangCSDN的专栏
				

				

					01-13
					
					294
					
				

			

		

		

			
				
一、JavaScript 构造函数和原型

构造函数和原型


Contents

目

 构造函数和原型
 继承
 ES5 中的新增方法


1. 构造函数和原型
1.1 概述
在典型的 OOP 的语言中（如 Java），都存在类的概念，类就是对象的模板，对象就是类的实例，但在 ES6之前，
JS 中并没用引入类的概念。
ES6， 全称 ECMAScript 6.0 ，2015.06 发版。但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏
览器也支持 E...

			
		

	



                

            
              



	

		

			

				
					
HTML5 WebSocket

					
最新发布

				
			

			

				

					qq_48763502的博客
				

				

					01-01
					
					966
					
				

			

		

		

			
				
HTML5 WebSocket 是一种基于 Web的协议，它使得客户端和服务器之间能够建立一个持久的、双向的通信连接。这意味着客户端和服务器可以随时相互发送数据，而无需像传统的 HTTP请求那样，每次都要重新建立连接。WebSocket 协议在实时应用程序中非常有用，比如即时聊天、在线游戏、金融应用等。

			
		

	



              


  
              

                


	

		

			

				
					
构造函数 – WebSocket

				
			

			

				

					weixin_33757609的博客
				

				

					09-05
					
					311
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	





	

		

			

				
					
html编写工具ws,【Html5 WebSocket】WebSocket构造函数

				
			

			

				

					weixin_35795792的博客
				

				

					06-18
					
					812
					
				

			

		

		

			
				
《HTML5 WebSocket权威指南》学习笔记&1在学习时WebSocket客户端API时，使用echo.websocket.org作为服务端，可以帮助学习者快速入门，减小学习难度，将较难的服务端学习延后。WebSocket构造函数WebSocket构造函数有三种，WebSocket(URL)、WebSocket(URL,protocol)、WebSocket(URL,[protoco...

			
		

	



		

			
		



	

		

			

				
					
WebSocket

				
			

			

				

					xiaopi3的博客
				

				

					07-09
					
					1089
					
				

			

		

		

			
				
websocket简单的使用

			
		

	





	

		

			

				
					
WebSocket 教程

				
			

			

				

					爱蹦跶的全栈大A阿
				

				

					01-25
					
					356
					
				

			

		

		

			
				
​WebSocket 协议在2008年诞生，2011年成为国际标准。所有浏览器都已经支持了。它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。其他特点包括：（1）建立在 TCP 协议之上，服务器端的实现比较容易。（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器。（3）数据格式比较轻量，性能开销小，通信高效。

			
		

	





	

		

			

				
					
HTML5中的websocket实现直播功能

				
			

			

				

					09-27
				

			

		

		

			
				
在实现基于 HTML5 的 WebSocket 直播功能时，首先需要在客户端（通常是录像页面）创建一个 WebSocket 实例，通过 JavaScript 的 `new WebSocket()` 构造函数完成。例如，`var socket = new WebSocket("ws://" + ...

			
		

	





	

		

			

				
					
Html5 WebSocket c++实例

				
			

			

				

					06-09
				

			

		

		

			
				
网页客户端部分，HTML5的WebSocket API包括`WebSocket`构造函数、`connect`方法用于建立连接，`send`方法用于发送数据，以及一系列事件处理函数如`open`、`message`、`error`和`close`，用于监听连接状态和数据接收...

			
		

	





	

		

			

				
					
WebSocket的使用方法（JS前端）

					
热门推荐

				
			

			

				

					qq_17627195的博客
				

				

					01-05
					
					4万+
					
				

			

		

		

			
				
这些字符串用于指定子协议，这样单个服务器可以实现多个 WebSocket 子协议（可以通过一台服务器根据指定的协议（protocol）处理不同类型的交互）。字符串将以 UTF-8 格式添加到缓冲区，并且 bufferedAmount 将加上该字符串以 UTF-8 格式编码时的字节数的值。其二进制数据内存将被缓存于缓冲区，bufferedAmount 将加上所需字节数的值。：一个人类可读的字符串，它解释了连接关闭的原因。的连接由于一些错误事件的发生 (例如无法发送一些数据) 而被关闭时，一个。

			
		

	





	

		

			

				
					
Web前端开发笔记33——构造函数

				
			

			

				

					DRLDER的博客
				

				

					04-30
					
					722
					
				

			

		

		

			
				
1.构造函数就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面。

语法格式：





调用时使用：

new 构造函数名（）；

示例：


function Func(uname, age, sex) {
            this.uname = uname;
            this.age = age;
            this.sex = sex;
        }

        var lder = new Func('DRLDER', 18, '男'.

			
		

	





	

		

			

				
					
websocket入门一条龙，基础、封装与使用（代码开箱即用）

				
			

			

				

					qq_38889090的博客
				

				

					07-21
					
					3726
					
				

			

		

		

			
				
websocket介绍、基础、基本封装。新增保护、断线重连功能。

			
		

	





	

		

			

				
					
JS进阶(1) —— 人人都能懂的构造函数

				
			

			

				

					weixin_34402408的博客
				

				

					03-08
					
					178
					
				

			

		

		

			
				
大家都知道原型和原型链是 JavaScript 中最经典的问题之一，而构造函数又是原型和原型链的基础，所以先了解清楚构造函数以及它的执行过程可以更好地帮助我们学习原型和原型链的知识。
本文将从以下几个方面来探讨构造函数：
1.什么是构造函数
2.为什么要使用构造函数
3.构造函数的执行过程
4.构造函数的返回值
1.什么是构造函数
在 JavaScript 中，用 new 关键字来调用的函数，称为...

			
		

	





	

		

			

				
					
前端建立WebSocket（单纯new）

				
			

			

				

					LiLi_code的博客
				

				

					12-08
					
					1万+
					
				

			

		

		

			
				
建立，new一个


this.wSocket = new WebSocket('ws://192.xx.xx.xx:8080/xxx/xxxx'); //记住没有http://
 if (!this.wSocket) {
    console.log('您的浏览器不支持websocket协议！'); //不进来这个表示浏览器支持WebSocket
 } 

PS：若是https环境，将ws改为wss即可。


俩个函数接收与发送


this.wSocket.onopen = () => {
  

			
		

	





	

		

			

				
					
websocket

				
			

			

				

					qq_54494937的博客
				

				

					11-20
					
					4132
					
				

			

		

		

			
				
一、WebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）
首先HTTP有1.1和1.0之说，也就是所谓的keep-alive，把多个HTTP请求合并为一个，但是Websocket其实是一个新协议，跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范而已，也就是说它是HTTP协议上的一种补充可以通过这样一张图理解
有交集，但是并不是全部。另外Html5是指的一系列新的API，或者说新规范，新技术。Http协议

			
		

	





	

		

			

				
					
WebSocket 入门篇（一）

				
			

			

				

					Mark_Xu的博客
				

				

					09-18
					
					2182
					
				

			

		

		

			
				
WebSocket 基础知识

1、WebSocket 实例化

      JavaScript中实例化            var ws = new WebSocket(url,protocols);

      实例化时可以接受两个变量

      1）、指向目标url，也就是服务请求的地址，url有两种方案：

               一、WS   非加密流量  例如："ws:...

			
		

	





	

		

			

				
					
初识WebSocket

				
			

			

				

					qq_26780317的博客
				

				

					10-19
					
					917
					
				

			

		

		

			
				
背景：
    最近，在做数魔方系统，里面有一部分人脸图像的采集，是通过websocket方式下发数据的，在此，特地记录一下，方便了解websocket的相关知识。
一、为什么需要websocket呢？
    初次接触websocket的人，都会问同样的问题：我们已经有了HTTP协议，为什么还需要另一个协议？它能带来什么好处？
    答案很简单，因为HTTP协议有一个缺陷：通信只能由客

			
		

	





	

		

			

				
					
原型、构造函数和实例之间的奇妙关系

				
			

			

				

					dreamgetting的博客
				

				

					06-13
					
					152
					
				

			

		

		

			
				
前端百题斩【016】——原型、构造函数和实例之间的奇妙关系

16.1 基础

原型


每个对象都包含一个原型属性（prototype），用于关联另一个对象，关联后就能使用那个对象的属性和方法，这其实就是JavaScript的原型式继承。操作原型有如下方法：

（1）Object.create()

根据指定的原型创建新对象，原型可以是null

const parentObj = {
    add: function() {
        return this.a + this.b;
    }


			
		

	





	

		

			

				
					
WebSocket（基础）

				
			

			

				

					MiMeng的博客
				

				

					03-17
					
					4104
					
				

			

		

		

			
				
什么是WebSocket？
WebSocket 是基于TCP/IP协议，独立于HTTP协议的通信协议。
WebSocket 是双向通讯，有状态，客户端一（多）个与服务端一（多）双向实时响应（客户端 ⇄ 服务端）。
WebSocket 是应用在浏览器的 Socket （是 Socket 模型接口的实现），Socket 是一个网络通信接口 （通信规范）。
WebSocket协议端口是80。
WebSocket SSL协议端口是443。
Socket是TCP/IP协议的网络数据通讯接口（一种底层的通讯的方式）。


			
		

	





	

		

			

				
					
websocket实现

				
			

			

				

					隐市高手
				

				

					04-01
					
					317
					
				

			

		

		

			
				
websocket是实现长连接的一种手段，通过websocket可以实现页面数据的实时刷新，下面是一个简单的例子：

一、JS的书写


function loadAlarmRelate(){
 //判断当前浏览器是否支持websocket
 if('WebSocket' in window){
  var websocket = new WebSocket("ws://127.0.0.1:808...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值