概述 要执行特定任务，首先需要通过其类或 ID 访问该特定元素，因此在访问元素之前，我们检查该类是否存在于该特定元素中。classList 对象在 Javascript 中包含内置方法 classList.contains()。此方法确定给定元素是否属于指定的类。整个过程将如下进行：首先，我们必须通过 getElementById()、getElementsByClassName() 或任何其他方法访问该元素。访问后，我们必须使用 classList.contains() 方法检查类。语法 使用的语法… 阅读更多

在全栈应用程序的后端和前端之间共享代码可能是一项具有挑战性的任务。但是，对于构建可维护和可扩展的应用程序至关重要。通过共享代码，我们可以避免代码重复，减少开发时间，并在我们的应用程序中保持一致性。在本教程中，我们将探讨在 Node.js 和浏览器之间共享代码的不同技术，并学习如何为我们的项目选择最佳方法。在 Node.js 和浏览器之间共享代码的技术 用户可以按照以下方法在 node.js 和浏览器之间共享代码 - CommonJS 模块 CommonJS 模块是… 阅读更多

概述 在当今世界，系统上有各种浏览器可用。因此，有时某些层叠样式表 (CSS) 属性无法在该浏览器上运行。因此，要检查哪些 CSS 属性受特定浏览器支持，JavaScript 有内置方法 CSS.supports()，它检查特定属性是否受浏览器支持。supports() 方法受所有浏览器支持：Opera、Edge、Chrome 和 Firefox。语法 CSS.supports() 方法采用字符串格式的键值对作为输入。使用的基本语法为 - CSS.supports(“propertyName:value”)；supports() - … 阅读更多

setInteral() 方法允许我们每隔特定时间段连续触发回调函数。我们可以将回调函数作为第一个参数传递，以便每隔一段时间触发一次，并将时间段（以毫秒为单位）作为第二个参数。setInterval() 方法第一次在特定毫秒数后调用回调函数。现在，问题是我们需要在 0 毫秒时立即调用回调函数，之后需要在给定时间段内连续调用它。示例 在下面的示例中，我们创建了… 阅读更多

范围输入允许在特定值范围内选择任何值。使用 JavaScript，我们可以获取用户在范围输入中输入的输入值。onchange 事件仅在用户释放鼠标键时触发。因此，它在拖动范围滑块时不会更新值。您可能会在所有浏览器（例如 chrome、safari）中遇到此问题，而不仅仅是在 Firefox 中。用户可以按照下面的示例检查在拖动范围输入时输入值是否已更新。示例 1（拖动时输入值不会更新… 阅读更多

通常，开发人员会添加提交按钮来提交输入字段的文本。但是，如果他们允许用户按 Enter 键提交输入值，则会提高应用程序的用户体验。在这里，我们将学习使用键盘监听器事件检测按键的常用方法。之后，每当用户按下 Enter 键时，我们都可以执行任何操作。语法 用户可以按照以下语法来检测用户何时按下 Enter 键。input.addEventListener("keypress", function (event) { if (event.keyCode == 13) { // 按下 Enter 键… 阅读更多

如今，许多应用程序允许用户上传和下载文件。例如，剽窃检查工具允许用户上传包含某些文本的文档文件。之后，它会检查剽窃并生成报告，用户可以下载该报告。每个人都知道如何使用 input type file 创建上传文件按钮，但很少有开发人员知道如何使用 JavaScript/JQuery 创建文件下载按钮。本教程将介绍在单击 HTML 按钮或 JavaScript 时触发文件下载的各种方法。使用 HTML 标签的 download 属性触发文件… 阅读更多

在 JavaScript 中，我们可以使用 splice() 方法来拼接数组。splice() 方法从数组中插入或删除单个或多个元素。我们可以将起始索引作为 splice() 方法的第一个参数传递，从中我们可以插入或删除元素。它将要从数组中删除的元素数量作为第二个参数，并将数组值作为第三个参数插入到数组中。本教程将教我们如何在不改变原始数组的情况下拼接数组。改变原始数组意味着对数组进行更改。每当… 阅读更多

我们可以使用 HTML、CSS 和 JavaScript 创建选项卡。选项卡可以分为两种类型：水平选项卡和垂直选项卡。选项卡允许我们在非常小的空间内显示不同的内容，因为我们可以根据不同的选项卡显示不同的内容。我们将学习使用 HTML、CSS 和 JavaScript 从头开始创建水平和垂直选项卡。创建水平选项卡 通过创建水平选项卡，我们可以将所有选项卡显示在同一行。此外，我们可以在所有选项卡下方显示所选选项卡的内容。语法 用户可以按照语法……阅读更多

汉堡菜单图标有三个垂直条，导航栏使用它在移动设备和平板电脑上展开和折叠菜单。本教程将教我们从头开始创建一个汉堡菜单。在这里，我们将使用 HTML、CSS、JavaScript 和 Bootstrap 来创建一个带有导航栏的时尚汉堡菜单。步骤 用户可以按照以下步骤创建带有汉堡菜单图标的导航栏。步骤 1 - 创建一个带有容器类的 div，其中包含导航栏和可展开菜单。步骤 2 - 之后，在…内部创建一个带有 header 类的 div 阅读更多