找到 598 篇文章 适用于前端脚本

当拖动元素位于目标元素上方时,JavaScript 中会发生什么事件?

Paul Richard
更新于 2020-06-23 08:14:21

335 次浏览

当拖动的元素位于放置目标上方时,ondragover 事件会触发。示例您可以尝试运行以下代码来了解如何在 JavaScript 中实现 ondragover 事件 -实时演示                    .drag {             float: left;             width: 100px;             height: 35px;             border: 2px dashed #876587;             margin: 15px;             padding: 10px;          }   ... 阅读更多

浏览器对象模型 (BOM) 在 JavaScript 中的作用是什么?

karthikeya Boyini
更新于 2020-06-23 08:04:18

2K+ 次浏览

JavaScript 中的浏览器对象模型 (BOM) 包括 JavaScript 与 Web 浏览器交互的属性和方法。BOM 为您提供了窗口对象,例如,显示窗口的宽度和高度。它还包括 window.screen 对象以显示屏幕的宽度和高度。示例您可以尝试运行以下代码来了解如何获取屏幕高度和宽度 -实时演示                    document.write("屏幕宽度: " + screen.width);          document.write("屏幕宽度: " + screen.width);          

如何在 JavaScript 中获取当前页面的 Internet 主机端口号?

Shubham Vora
更新于 2022-10-12 08:28:46

470 次浏览

在本教程中,我们将学习如何在 JavaScript 中获取当前页面的 Internet 主机端口号。端口号是协议的 16 位唯一 ID。端口号范围为 0-65535。端口号用于服务器查找进程。共有 65535 个端口号,每个端口号都与其身份相关联。因此,让我们看看如何在 JavaScript 中获取当前页面的端口号。以下是可以获取 Internet 主机端口号的方法 - 使用 location.port 属性 使用 URL ... 阅读更多

当拖动的元素被放下时,JavaScript 中会发生什么事件?

Swarali Sree
更新于 2020-06-23 08:05:55

110 次浏览

当拖动的元素被放置在目标上时,ondrop 事件会触发。您可以尝试运行以下代码来了解如何在 JavaScript 中实现 ondrop 事件 -示例实时演示                    .drag {             float: left;             width: 100px;             height: 35px;             border: 2px dashed #876587;             margin: 15px;             padding: 10px;          } ... 阅读更多

window.history 对象在 JavaScript 中的作用是什么?

Paul Richard
更新于 2020-06-23 08:00:51

164 次浏览

window.history 对象用于返回或转到 Web 浏览器的下一页。它包含浏览器的历史记录,并附带以下两种方法 -history.back - 转到上一个 URLhistory.next - 转到下一个 URL示例您可以尝试运行以下代码来了解如何在 JavaScript 中使用 window.history 对象 -实时演示                    function backPage() {             window.history.back()          }          function nextPage() {             window.history.next()          }                      

如何使用 Meta 标签重定向 HTML 页面?

Paul Richard
更新于 2020-01-13 06:26:03

13K+ 次浏览

页面重定向是指您单击 URL 以访问页面 X,但内部却将您重定向到另一个页面 Y 的情况。这是由于页面重定向导致的。使用 META 标签重定向您的网站非常简单。使用此方法,使用 http-equiv 属性为 content 属性的值提供 HTTP 标头。以下是将当前页面在 2 秒后重定向到另一个页面的示例。如果要立即重定向页面,则不要指定 content 属性。示例实时演示           HTML Meta 标签                     这是演示文本。    

如何使用 HTML5 Geolocation 查找位置?

Sharon Christine
更新于 2020-01-10 11:15:32

194 次浏览

HTML5 Geolocation API 允许您与您喜欢的网站共享您的位置。JavaScript 可以捕获您的经纬度并发送到后端 Web 服务器,并执行诸如查找本地企业或在地图上显示您的位置等精细的位置感知操作。地理位置 API 与全局 navigator 对象的新属性即 Geolocation 对象一起使用。getCurrentPosition 方法检索设备的当前地理位置。位置表示为一组地理坐标,以及有关航向和速度的信息。位置信息将返回到 Position 对象。示例您可以尝试运行 ... 阅读更多

如何为网页添加背景音乐?

Vikyath Ram
更新于 2023-09-13 15:40:09

34K+ 次浏览

要在网页上添加背景音乐,请使用 … 元素。此外,请使用 autoplay 属性。这将在页面加载时在后台运行音乐。以隐藏播放器的方式设置宽度和高度。loop 属性用于指定音频是否会重新开始。将音乐文件添加到服务器并在 src 属性中提及链接。示例您可以尝试运行以下代码以将背景音乐添加到您的网页:实时演示           HTML 背景音乐             ... 阅读更多

如何在 HTML5 SVG 中绘制五角星?

Govinda Sai
更新于 2021-12-16 09:34:31

7K+ 次浏览

SVG 代表可缩放矢量图形,它是一种使用 XML 描述二维图形和图形应用程序的语言,然后由 SVG 查看器呈现 XML。大多数 Web 浏览器都可以像显示 PNG、GIF 和 JPG 一样显示 SVG。要在 HTML SVG 中绘制多边形,请使用 SVG 元素。该元素创建至少包含三条边的图形。要在 HTML5 SVG 中绘制五角星,您需要为每个角正确设置 x 和 y 坐标。示例您可以尝试运行以下代码来了解如何绘制 ... 阅读更多

如何在网页中使用 .svg 文件?

Swarali Sree
更新于 2020-06-26 06:33:18

610 次浏览

svg 文件是可缩放矢量图形。您可以使用 、 、 或 标签将其添加到网页中。.svg 文件将在 标签的 src 属性中引用。让我们看看如何使用 标签添加它。您可以尝试运行以下代码来了解如何在网页中使用 .svg 文件。我们有一个 smiley.svg 文件 -           HTML SVG               设计          

广告

© . All rights reserved.