找到 10435 篇文章,关于网页开发

JavaScript 中异步代码如何工作?

Mayank Agarwal
更新于 2022年4月22日 12:15:14

271 次浏览

在这篇文章中,我们将探讨异步代码在 JavaScript 中的实际工作方式,包括它的初始化、执行和调用。但在继续之前,让我们先看看什么是同步代码以及它与异步代码的不同之处。同步代码 - 这意味着用户拥有同步调用和访问的数据,按照顺序提供。用户调用方法,只有在调用方法后才会执行和检查。在异步代码中,触发器由用户或系统触发。这… 阅读更多

如何在 JavaScript 中访问 HTML 元素?

Mayank Agarwal
更新于 2022年4月21日 14:15:34

18K+ 次浏览

在 HTML 中,有时用户需要访问 HTML 元素以向用户显示不同的更改。我们可以使用现代 JavaScript 来支持这一点。为此,我们可以继续使用以下技术更改 HTML 元素 - 通过 ID 获取 HTML 元素通过 className 获取 HTML 元素通过 Name 获取 HTML 元素通过 tagName 获取 HTML 元素通过 CSS 选择器获取 HTML 元素下面我们添加了上述方法的演示。通过 ID 获取 HTML 元素此方法从唯一的 ID 获取元素,并允许用户访问该元素。用户可以使用 getElementById() 方法来访问… 阅读更多

JavaScript 中 static 和 const 的区别

Mayank Agarwal
更新于 2022年4月21日 13:59:45

4K+ 次浏览

静态变量可以定义为类属性,用于类中,而不是类实例中。这种类型的变量存储在内存的数据段区域。分配给这些类型变量的值在类中创建的每个实例之间共享。我们需要使用 static 关键字来创建任何静态实体,例如静态变量、静态函数、运算符、属性等。静态变量的值在应用程序的运行时设置,并作为整个应用程序的全局值。示例 1在… 阅读更多

JavaScript 中 addEventListener 和 onclick 的区别

Mayank Agarwal
更新于 2022年4月21日 13:42:12

1K+ 次浏览

addEventListener 和 onclick 事件都侦听事件。这两种事件方法都记录事件,并在每次单击按钮时基于该事件执行函数。尽管这两种事件的工作方式有所不同。在这篇文章中,我们将探讨 JavaScript 中 addEventListener 和 onclick 函数之间的区别。1. addEventListener addEventListener 方法使用事件处理程序将其附加到指定的元素语法element.addEventListener(event, listener, useCapture);参数event - 事件可以定义为任何有效的 JavaScript 事件。这些事件通常在不使用 on 前缀(如在 onclick 方法中使用)的情况下使用。Listener… 阅读更多

如何在 Chrome、Firefox 和 Safari 中启用 JavaScript?

Mayank Agarwal
更新于 2022年4月21日 13:30:20

693 次浏览

JavaScript 已成为现代网站不可或缺的一部分。每个网站都需要最新的 JavaScript 支持,并且在允许后才能完美运行。我们在每个浏览器中都有一个开关来打开和关闭我们网站上的 JavaScript。如果我们的浏览器中未启用 JavaScript,它们会异常反应,并阻止用户使用大多数功能和事件。因此,为了有效地使用网站,我们需要启用 JavaScript。以下是最常用的浏览器。我们将了解如何在这些浏览器中启用 JavaScript - Google Chrome Mozilla Firefox Safari Google Chrome 请按照以下步骤在… 阅读更多

如何使用 HTML、CSS 和 JavaScript 创建颜色选择器?

Mayank Agarwal
更新于 2024年2月29日 15:07:48

2K+ 次浏览

我们可以轻松地在 Javascript 中调色板上创建一个简单的颜色选择器。颜色选择器上的主要颜色是 RGB,即红、绿和蓝。通过混合这些颜色,我们可以形成我们想要的任何颜色。在这篇文章中,我们将学习如何从用户那里获取 RGB 值,并使用 CSS 的 RGB 颜色属性帮助形成不同的颜色。RGB 的颜色强度范围为 0 到 255,其中 0 是最低强度,255 是最高强度。当所有 3 种冷却器的强度… 阅读更多

如何使用 HTML、CSS 和 JavaScript 创建损益计算器?

Mayank Agarwal
更新于 2022年4月21日 12:16:56

2K+ 次浏览

在这篇文章中,我们将使用 JavaScript 创建一个计算器。我们将使用基本的数学公式来计算损益。我们将以百分比形式返回结果以及实际值。要计算损益,我们需要两样东西:成本价 (CP) 和售价 (SP)。计算损益的公式 - 利润:SP – CP 利润百分比:利润/CP * 100 损失:SP – CP 损失百分比:损失/CP * 100 示例 1在下面的示例中,我们创建了一个计算器,它将根据成本价和… 阅读更多

如何使用 JavaScript 中的 Fetch API 从 JSON 数据创建图表?

Mayank Agarwal
更新于 2022年4月21日 13:04:04

5K+ 次浏览

在这篇文章中,我们将探讨如何在获取 JSON 数据后创建图表。要获取 JSON 数据,我们使用 Fetch API 的 fetch() 方法。我们将首先获取数据,一旦数据可用,我们将将其输入系统以创建图表。Fetch API 提供了一个简单的接口,用于访问和操作 HTTP 请求和响应。语法const response = fetch(resource [, init]) 参数resource - 这是获取数据的资源路径。init - 它定义任何额外的选项,例如标头、正文等。方法步骤可以定义… 阅读更多

使用 HTML、CSS 和 JavaScript 创建简单的计算器

Mayank Agarwal
更新于 2022年4月5日 07:10:33

3K+ 次浏览

学生成绩计算器用于获取所有科目的成绩输入,然后根据学生的成绩计算百分比。此计算器返回学生成绩的相当可靠的指标。计算成绩的简单公式为:$\text{百分比}=\frac{\text{取得的成绩}}{\text{总成绩}}\times 100$我们将使用 HTML 获取用户输入,一旦输入完成,我们将调用 JS 函数来计算这些数字的平均百分比,并将结果返回给用户。创建计算器的步骤 - 我们将使用 input 标签从用户那里获取输入。一旦获取输入,… 阅读更多

AngularJs 和 Google Web Toolkit (GWT) 之间的区别是什么?

Bhanu Priya
更新于 2022年3月23日 10:37:11

239 次浏览

在了解 AngularJS 和 Google Web Toolkit (GWT) 之间的区别之前,让我们先了解 AngularJS 和 Google Web Toolkit (GWT) 的概念。Google Web Toolkit 它是一套开源工具,允许 Web 开发人员使用 Java 创建和维护 JavaScript 前端应用程序。它于 2006 年由 Google 推出,代码是用 Java 编写的。支持 GWT 的操作系统是 Linux、Windows、OS X、FreeBSD。它有助于创建丰富的互联网应用程序。它有助于将 Java 源代码转换为等效的 JavaScript。功能 Google Web Toolkit 的功能如下 - 动态可重用的 UI 组件简单的 RPC 机制浏览器历史管理支持… 阅读更多

广告