html WebSocket测试Demo

Posted 小米渣的逆袭

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html WebSocket测试Demo相关的知识,希望对你有一定的参考价值。

<html>

<head>
    <title>WebSocket测试</title>
    <script>             
        var ws = null;
        function send() 
            var message = document.getElementById("text").value;
            ws.send(message);
        
        function connect() 
            if(ws == null)
            
                ws = new WebSocket("ws://127.0.0.1:28802");            
                ws.onopen = function () 
                
                    alert("连接成功");
                ;
                ws.onmessage = function (evt) 
                
                    var received_msg = evt.data;
                    document.getElementById("showMes").value += evt.data + "\\n";
                ;
                ws.onclose = function () 
                
                    alert("断开了连接");
                ;
            
          
        function closeSocket()
        
            ws.close();
            ws = null;
         
    </script>
</head>

<body>
    <input type="button" onclick="connect()" value="连接" />
    <input type="button" onclick="closeSocket()" value="关闭" />
    <input type="button" onclick="send()" value="发送" />    
    <input type="text" id="text" />
    <br/>
    <textarea rows="3" cols="30" id="showMes" style="width:100%;height:500px;"></textarea>   
</body>
</html>

以上是关于html WebSocket测试Demo的主要内容,如果未能解决你的问题,请参考以下文章

html WebSocket测试Demo

基于Websocket协议的研究demo

基于Websocket协议的研究demo

基于Websocket协议的研究demo

WebSocket技术demo

我做的一个websocket的demo(php server)