教你简单搞定webSocket前端代码

在我们使用一个技术前我们先了解这个技术是什么?有什么用?

webSocket和socket的区别？
webSock的通信原理

webSocket前端实现代码

<script>
	var websocket = null;
	if('Websocket' in window){
		websock = new WebSocket('ws://');
	}else{
		alert('浏览器不支持webscket!');
	}
	websocket.onopen = function(event){
		console.log('建立连接');
	}
	websocket.onclose = function(event){
		console.log('连接关闭');
	}
	websocket.onmessage = function(event){
		console.log('收到消息：' + event.data);
		//可以做你想做的任何事，比如弹窗提醒，播放音乐 等等
	}
	websocket.onerror = function(event){
		alert('websocket通信发生错误！');
	}
	window.onbeforunload = function(){ //窗口关闭时把websocket关闭掉
		websocket.close();
	}
</script>