找到 449 篇文章 关于编程脚本

HTML5 中 MessageChannel 和 WebSockets 的区别

Smita Kapse
更新于 2019-07-30 22:30:22

150 次浏览

WebSockets 是一种新一代的用于 Web 应用的双向通信技术,它通过单个套接字运行,并通过 HTML 5 兼容浏览器中的 JavaScript 接口公开。一旦你与 Web 服务器建立了 Web Socket 连接,你就可以通过调用 send() 方法从浏览器向服务器发送数据,并通过 onmessage 事件处理程序从服务器接收数据到浏览器。浏览器上下文之间的双向通信称为通道消息传递。它对于跨多个来源的通信非常有用。创建 MessageChannel 时,它会在内部创建两个端口来发送数据并转发到另一个浏览器上下文…… 阅读更多

HTML5 Canvas 扭曲

Chandu yadav
更新于 2021-12-16 12:28:24

569 次浏览

如果画布看起来变形,请尝试更改高度和宽度 - HTML5 中画布的默认高度和宽度比例为 2/1 - width = 300 height = 150 示例让我们来看一个示例 - #mycanvas{border:1px solid red;} 输出

通过覆盖的 HTML 元素传递鼠标点击

Ankith Reddy
更新于 2020-06-25 07:05:20

807 次浏览

在点击事件中检索鼠标坐标。现在,通过隐藏覆盖层来检索元素,并使用以下方法。之后,重新显示覆盖层 - document.elementFromPoint(x, y) 你也可以使用以下 CSS - div { pointer-events:none; }

Firefox 中的 HTML5 输入类型“number”

karthikeya Boyini
更新于 2020-06-04 09:35:44

721 次浏览

输入类型 number 的 min 属性不受 Firefox 支持,但在 Google Chrome 中可以正常工作。示例让我们来看一个示例 - HTML 输入数字 请填写 1 到 10 之间的任意数字

使 HTML5 Canvas 填充整个页面

Chandu yadav
更新于 2020-01-27 08:06:38

3K+ 次浏览

要使画布填充整个页面,你需要设置页面的宽度和高度为 100%。* { margin: 0; padding: 0; } body, html { height:100%; } #canvas { position:absolute; height:100%; width:100%; }

将 ASP.NET TextBox 呈现为 HTML5 输入类型“Number”

karthikeya Boyini
更新于 2020-06-25 06:07:18

1K+ 次浏览

要将 ASP.NET TextBox 呈现为 HTML5 输入类型“Number”,请直接在文本框上设置 type="number"。让我们来看一个 ASP.NET TextBox 的示例 - 你也可以使用以下方法动态创建控件 - TextBox tb = new TextBox(); tb.Attributes.Add("Type", "number");

使用较新的 Flexbox API 和 HTML 在全高应用中使用 Flexbox 和垂直滚动

Chandu yadav
更新于 2020-06-24 14:16:04

488 次浏览

flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写。flex 属性设置灵活项目上的灵活长度。例如 - #container article { -webkit-flex: 1 1 auto; overflow-y: auto; height: 0px; /*此处高度设置为 0px*/ } 如果你想要最小高度,请使用 height: 100px; 它与以下完全相同 - min-height: 100px; #container article { -webkit-flex: 1 1 auto; overflow-y: auto; height: 100px; /*此处高度设置为 100px*/ }

使用 HTML5 复选框的正确方法

Giri Raju
更新于 2020-06-24 14:16:39

159 次浏览

以下是正确的方法 - 示例这是一个示例 - 复选框控件 数学 物理

HTML5 跨浏览器 iframe post message - 子元素到父元素?

George John
更新于 2020-01-24 11:25:46

161 次浏览

父对象提供对子元素中主窗口的引用。以下是父代码。下面的指令触发 iFrame 每 3 秒向父窗口发送一条消息。不需要来自主窗口的初始消息!var a= window.addEventListener ? "addEventListener" : "attachEvent";// 这里 a 是事件方法 var b= window[a];// 这里 b 是事件触发器 var c= a== "attachEvent" ? "onmessage" : "message";// 这里 c 是消息事件 // 监听来自子窗口 b 的消息 b (c, function(e) { var d= e.message ? "message" : "data";// 这里 d 是…… 阅读更多

使用文件系统 API 将本地驱动器中的文件上传到 HTML 中的本地文件系统

vanithasree
更新于 2020-06-24 14:09:06

167 次浏览

要将本地驱动器中的文件上传到本地文件系统,我们可以使用 - webkitdirectory 属性 - 这允许用户通过相应的对话框选择目录。文件系统 API 是一个沙箱文件系统,允许我们将文件存储在客户端的计算机上。文件 API 允许我们读取文件。文件可以通过 element 访问上述所有内容在 Google Chrome 中运行良好。WebKit 目录是这些选项中更好的选择。使用以下内容进行目录 - webkitRequestFileSystem( window.TEMPORARY, 5 * 1024 * 1024, function(_fs) { fs = _fs; }, ErrAbove, err 和 fs 是 - var fs, err = function(err) { throw err; };

广告