<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div style="width:400px;margin:20px auto;border:1px solid lightgray;padding:20px;text-align:center;">
websocket 返回消息：￥<span style="color:#ff4719" id="message">没收到消息</span>
</div>
</body>
<script type="text/javascript">
var websocket=null;
//判断浏览器是否支持websocket
if('WebSocket' in window){
websocket=new WebSocket("ws://127.0.0.1:8901/alarmRtime/html");
websocket.onopen=function(){
websocket.send("{\"type\":\"html\",\"authorization\":\"fd277a6e83b60b232256ebc43d4b5e5a\"}");
}
websocket.onerror=function(){
websocket.send("测试客户端连接失败");
send("测试客户端连接失败");
}
websocket.onclose=function(){
websocket.send("测试客户端连接关闭");
send("测试客户端连接关闭");
}
websocket.onmessage=function(e){
console.log("onmessage-----------------",e)
send(e.data);
}
//监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
window.onbeforeunload = function () {
closeWebSocket();
}
}
else {
alert('当前浏览器 Not support websocket')
}
//将消息显示在网页上
function send(e) {
document.getElementById('message').innerHTML =e;
}
//关闭WebSocket连接
function closeWebSocket() {
websocket.close();
}
</script>
</html>
WebSocket | html创建websocket链接
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 给定一个HTML文档，如何使用JavaScript创建链接，并将其添加到文档中？下面本篇文章就来给大家介绍一下在H...
- HTML5 引入了许多我们日常开发经常用到的一些方便的特性。其中之一便是在 标签上的 download 属性。...
