HTML 5 基础教程

HTML是超文本标记语言，是一种专门用来制作网页的语言，而HTML5就是它的第五个版本，2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成，该标准针对当前互联网的飞速发展制定了更加标准的网页语言规范及适用功能，同时也给我们开发者带来了更多的开发选择，学习它是每个前端开发者必修的课程。

W3CAPI

2020-06-15 06:59:35

文档目录

我的书签

请登录

HTML5 WebSocket 实例

一、使用 HTML5 WebSocket 连接服务器并发送“hello,world!”

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>

<body>

<div id="test_panel">
    <a href="javascript:WebSocketTest()">运行 WebSocket</a>
</div>

</body>

<script type="text/javascript">

    function WebSocketTest()  {

        if ("WebSocket" in window)  {
            alert("您的浏览器支持 WebSocket!");
        }  else  {
            // 浏览器不支持 WebSocket
            alert("您的浏览器不支持 WebSocket!");
            return;
        }

        // 打开一个 web socket
        var ws = new WebSocket("ws://localhost:80/echo");

        ws.onopen = function()  {
            // Web Socket 已连接上，使用 send() 方法发送数据
            ws.send("hello,world!");
            alert("数据发送中...");
        };

        ws.onmessage = function (evt)  {
            var received_msg = evt.data;
            alert("数据已接收...");
        };

        ws.onclose = function()  {
            // 关闭 websocket
            alert("连接已关闭...");
        };

    }
</script>

</html>

作者文档