学习HTML笔记

简介: 学习HTML笔记

客户端的 HTML 和 JavaScript

目前大部分浏览器支持 WebSocket() 接口,你可以在以下浏览器中尝试实例: Chrome, Mozilla, Opera 和 Safari。

runoob_websocket.html 文件内容



 

  charset="utf-8">

  </span><span style="color: #000000;">菜鸟教程(runoob.com)</span><span style="color: #000088;">

   

     type="text/javascript">

        functionWebSocketTest()

        {

           if("WebSocket" in window)

           {

              alert("您的浏览器支持 WebSocket!");

             

              // 打开一个 web socket

              var ws =newWebSocket("ws://localhost:9998/echo");

               

              ws.onopen =function()

              {

                 // Web Socket 已连接上,使用 send() 方法发送数据

                 ws.send("发送数据");

                 alert("数据发送中...");

              };

               

              ws.onmessage =function(evt) 

              { 

                 var received_msg = evt.data;

                 alert("数据已接收...");

              };

               

              ws.onclose =function()

              { 

                 // 关闭 websocket

                 alert("连接已关闭..."); 

              };

           }

           

           else

           {

              // 浏览器不支持 WebSocket

              alert("您的浏览器不支持 WebSocket!");

           }

        }

   

       

 

 

 

     id="sse">

        href="javascript:WebSocketTest()">运行 WebSocket

   

     

 


目录
相关文章
|
1月前
|
前端开发 JavaScript C++
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
本文是一份超详细的HTML学习笔记,从基础认知开始,介绍了网页的构成、五大浏览器、web标准、HTML/CSS/JavaScript的区别,然后详细讲解了HTML的概念、骨架结构、常用快捷键、注释、标签结构和关系。接着,通过大量实例深入探讨了HTML的各种标签,包括排版标签、文本格式化标签、媒体标签、链接标签、列表标签、表格标签、表单标签、语义化标签和字符实体,旨在帮助读者从0开始熟悉并掌握HTML。
35 2
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
|
20天前
|
人工智能
|
2月前
|
数据可视化 前端开发
Twaver-HTML5基础学习(39)鹰眼可视化视图组件(OverView)
本文介绍了如何在Twaver-HTML5中使用鹰眼(Overview)可视化视图组件,它作为Network的缩略图,允许用户通过缩略图导航Network,支持单击、双击和框选操作来控制Network视图。
38 5
Twaver-HTML5基础学习(39)鹰眼可视化视图组件(OverView)
|
2月前
|
数据可视化 前端开发 容器
Twaver-HTML5基础学习(41)列表可视化视图组件(List)
本文介绍了如何在Twaver-HTML5中使用列表可视化视图组件(List),展示了如何创建列表、设置列表属性(如行高、间隔颜色等)、实现数据绑定和排序,以及如何通过React代码示例进行操作。
29 2
Twaver-HTML5基础学习(41)列表可视化视图组件(List)
|
2月前
Twaver-HTML5基础学习(38)劈分面板SplitPane
本文介绍了如何在Twaver-HTML5中使用SplitPane组件来创建可分割的面板,通过动态调整分割条来改变面板的大小,支持水平和垂直分割。
32 2
Twaver-HTML5基础学习(38)劈分面板SplitPane
|
2月前
|
前端开发
Twaver-HTML5基础学习(37)network导出图片并下载
本文介绍了如何在Twaver-HTML5中将network导出为图片并提供下载,主要通过将network转换为canvas对象,然后转换为base64编码的图片进行展示和下载。
35 5
|
2月前
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
36 1
|
28天前
html基础知识学习
html基础知识学习
30 0
|
前端开发 数据安全/隐私保护
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单
HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第6章表格与表单
203 0
|
移动开发 前端开发 HTML5
HTML5学习-表格标签
HTML5学习-表格标签