找到 8590 篇文章,关于前端技术

如何在 HTML 中搜索字段输入内容时执行脚本?

Ankith Reddy
更新于 2020年3月3日 09:37:13

151 次浏览

在 HTML 中使用 onsearch 属性,在用户在搜索字段中输入内容并按下 ENTER 或 x 时执行脚本。示例您可以尝试运行以下代码来实现 onsearch 属性: 搜索内容并按 ENTER。 注意:这在 Internet Explorer 和 Firefox 中不起作用。 function display() { var a = document.getElementById("inputID"); document.getElementById("test").innerHTML = "Searched for - " + a.value; }

如何在 HTML 中包含音频/视频控件?

Nancy Den
更新于 2020年3月3日 09:38:51

416 次浏览

在 HTML 中使用 controls 属性包含音频/视频控件。示例您可以尝试运行以下代码来实现 controls 属性: HTML video 标签 在线编译器 此浏览器不支持 video 标签。

如何在 HTML 中设置图像地图区域的坐标?

varma
更新于 2023年11月22日 04:32:49

1K+ 次浏览

要设置图像地图区域的坐标,请在 HTML 中使用 cords 属性。示例您可以尝试运行以下代码来实现 cords 属性:

如何在 HTML 中调整浏览器窗口大小时执行脚本?

Daniol Thomas
更新于 2020年5月30日 23:28:32

228 次浏览

当网页浏览器窗口大小调整时,onresize 属性将触发。示例您可以尝试运行以下代码来实现 onresize 属性:调整窗口大小以触发事件。 function display() { alert("网页浏览器窗口大小已调整!"); }

如何在 HTML 中点击表单重置按钮时执行脚本?

Govinda Sai
更新于 2020年3月3日 09:25:31

194 次浏览

重置表单时,onreset 属性将触发。您可以尝试运行以下代码来实现 onreset 属性:示例 学生姓名: 学生科目: function display() { alert("表单重置成功!"); }

如何在 HTML 中滚动元素滚动条时执行脚本?

usharani
更新于 2020年3月3日 09:36:30

143 次浏览

滚动元素时,onscroll 属性将触发。您可以尝试运行以下代码来实现 onscroll 属性:示例 #myid { width : 250px; height : 80px; border : 2px solid blue; overflow: scroll; } 滚动方框。 这是一个演示文本。这是一个演示文本。这是一个演示文本。这是一个演示文本。这是一个演示文本。这是一个演示文本。 function display() { document.getElementById("myid").style.color = "blue"; }

如何在 HTML 中暂停媒体(无论是由用户还是以编程方式暂停)时执行脚本?

George John
更新于 2020年3月3日 07:44:55

148 次浏览

暂停媒体时,onpause 属性将触发。您可以尝试运行以下代码来实现 onpause 属性:示例 播放 您的浏览器不支持 video 元素。 function myFunction() { document.getElementById("test").innerHTML = "媒体已暂停!"; }

如何在 HTML 中鼠标指针移到元素上时执行脚本?

usharani
更新于 2020年5月30日 23:25:36

284 次浏览

当鼠标指针移到 HTML 中的元素上时,onmouseover 属性将触发。示例您可以尝试运行以下代码来实现 onmouseover 属性: 这是一个演示标题。 将鼠标光标停留在标题上以更改颜色。 function display() { document.getElementById("myid").style.color = "red"; }

如何在 HTML 中媒体暂停但预期会恢复时执行脚本?

Krantik Chavan
更新于 2020年3月3日 07:40:21

90 次浏览

当视频暂停并缓冲以再次恢复时,onwaiting 属性将触发。您可以尝试运行以下代码来实现 onwaiting 属性:示例 播放 您的浏览器不支持 video 元素。 function myFunction() { document.getElementById("test").innerHTML = "媒体再次恢复"; }

如何在 HTML 中显示人类可读的日期?

Priya Pallavi
更新于 2020年6月24日 09:01:19

515 次浏览

使用 HTML 标签显示人类可读的日期和时间。以下是属性: 属性值 说明 datetime datetime 它是机器可读的日期时间 示例您可以尝试运行以下代码以显示时间: HTML time 标签 时间是下午 18:16

广告