找到 10435 篇文章,关于 Web 开发

如何使用 HTML、CSS 和 JavaScript 创建视差效果?

Mayank Agarwal
更新于 2022年4月26日 06:45:17

1K+ 次浏览

在这篇文章中,我们将学习视差效果以及如何使用 HTML、CSS 和 JavaScript 创建它们。我们将使用鼠标移动事件来显示视差效果。在视差效果期间,两张不同的图像会并排移动。两张图像将并行工作并进行相同的转换。唯一的区别是它们朝相反的方向移动。视差效果用于改进网站的用户体验并增强网站的互动性。我们可以移动前景和背景图像…… 阅读更多

如何使用 HTML、CSS 和 JavaScript 创建图片轮播?

Mayank Agarwal
更新于 2022年4月25日 13:44:09

8K+ 次浏览

在这篇文章中,我们将使用 JavaScript 创建一个滑块轮播。除了使用 JS 之外,我们还将使用 HTML 和 CSS 来进行表示并定义基本布局。轮播基本上是作为幻灯片显示的一组图像,用于以循环方式显示图像、文本或两者。滑块轮播是一种特殊的轮播,专门用于在网站主页上显示滑块。此幻灯片以横向模式运行。我们可以使用 JavaScript 函数提供的 eventListener() 来记录和显示不同的…… 阅读更多

JavaScript:如何从键值对创建对象

Mayank Agarwal
更新于 2022年4月25日 12:23:35

3K+ 次浏览

在这篇文章中,我们将探讨如何从所需的键值对创建 JavaScript 对象。让我们了解所涉及的步骤如下:步骤一 - 我们首先将创建一个空对象。let object = {} 步骤二 - 一旦对象初始化为 null 值,我们就可以在对象中添加所需的 {key, value} 对。let firstKey = 0; let firstKeyValue = "TutorialsPoint"; object[firstKey] = firstKeyValue; 步骤三 - 结果对象是包含所有键值对的 JSON 对象。console.log(object); 示例 1 在此示例中,我们正在创建一个简单的应用程序。在脚本部分…… 阅读更多

如何使用 JavaScript 创建网站的常见问题解答部分?

Mayank Agarwal
更新于 2022年4月25日 11:45:16

1K+ 次浏览

在这篇文章中,我们将使用 JavaScript 创建一个常见问题解答 (FAQ) 手风琴。手风琴用于显示问题,点击后将展开以显示答案。我们可以在每个网站上看到常见问题解答部分,其中涵盖了所有主要问题。今天我们将学习如何制作这些常见问题解答部分。创建手风琴的步骤步骤一 - 首先,我们将创建一个嵌套的 HTML div 标签,该标签将容纳所有问题和答案。这些 div 标签将取决于要显示的 QnA 的数量。步骤二 - 我们将使用 CSS…… 阅读更多

JavaScript:如何允许用户更改网页的字体大小?

Mayank Agarwal
更新于 2022年4月25日 11:27:11

3K+ 次浏览

在这篇文章中,我们将探讨创建一个函数,该函数将允许用户更改整个网页的字体大小。我们通常可以在一些政府网站的右上角看到这种类型的功能。这主要是为了方便使用该网站的人根据需要放大网页内容。在这篇文章中,我们将使用 JavaScript 和 JQuery 应用相同的函数示例 #1 在下面的示例中,我们创建了一个简单的 div 程序并创建了两个按钮,即“增加”和“减少”。我们使用这两个函数来增加…… 阅读更多

使用 HTML、CSS 和 JavaScript 创建动态成绩单

Mayank Agarwal
更新于 2022年4月25日 11:19:44

4K+ 次浏览

在这篇文章中,我们将使用用户输入的内容构建一个动态报告。用户将输入分数(在本例中),我们将填充这些分数以计算学生的最终百分比。我们还实现了及格/不及格状态,该状态将根据用户完成的条目来呈现学生是否及格。我们将使用 HTML、CSS 和 JavaScript 进行实现。步骤我们将创建一个带有行和列的 HTML 模板,用于姓名和科目分数。这些科目分数将进一步细分为…… 阅读更多

如何使用 JavaScript 创建“即将推出”页面?

Mayank Agarwal
更新于 2022年4月22日 14:11:17

261 次浏览

在这篇文章中,我们将创建一个“即将推出”页面,该页面将显示一个计时器,用于在特定日期和时间发生的事件。计时器将反向运行,在实际事件发生时,如果已配置,它基本上会显示事件页面。“即将推出”类似于具有某些特殊规范的网页。这些规范定义了网站接下来将要发生什么(例如,新智能手机、功能、电视、软件、工具等的发布)方法我们将首先设置一个页面来显示…… 阅读更多

如何在 JavaScript 中将任何基数的字符串转换为整数?

Mayank Agarwal
更新于 2022年4月22日 14:05:55

430 次浏览

整数可以用计算语言中描述的各种格式表示,即二进制、十进制、十六进制等。二进制数仅包含两位数字,即 0 和 1,而十进制数包含 0 到 9 的数字。我们可以使用默认的 parseInt() 转换将字符串转换为整数。但在其他情况下,当整数以其他形式表示时,我们还需要传递基数字符串才能将其解码为结果数字。以下是将字符串解析为 int 的语法。语法1. 提供基值时 parseInt(string_value, base) 2.…… 阅读更多

JavaScript:将 CSV 字符串文件转换为二维对象数组

Mayank Agarwal
更新于 2022年4月22日 13:59:44

637 次浏览

CSV 是逗号分隔值,存储在扩展名为 .csv 的文件中。这允许用户以表格或电子表格格式存储数据。在这篇文章中,我们将探讨如何将 CSV 字符串的数据转换为二维对象数组,其中字符串的第一行定义文件标题。我们将首先读取这一行,然后将其余值与它们进行映射。我们将使用以下函数,该函数将作为数组和字符串的原型函数,因为它将有助于映射数据…… 阅读更多

JavaScript:在将每个元素映射到值后计算数组的平均值

Mayank Agarwal
更新于 2022年4月22日 13:52:15

787 次浏览

在这篇文章中,我们将从数组中获取所有值,并在将每个元素映射到数值后计算其和,从而计算其平均值。下面是一个包含值的数组。我们将通过将值相加然后除以可用值的数量来计算平均值。输入[1, 2, 3, 4, 5] 输出3 解释(1+2+3+4+5)/5 = 3 输入[2, 4, 7, 9, 1, 3, 8] 输出4.85 解释(2+4+7+9+1+3+8)/7 = 4.85 方法 #1 我们将使用 forEach() 循环迭代元素列表。在迭代每个元素时,我们将将其转换为值并将其添加到…… 阅读更多

广告