个人中心
gpt4 book ai didi

JavaScript 入门

转载 作者：知者 更新时间：2024-03-13 03:09:03 27 4
gpt4 key购买 nike

在本教程中，您将了解在计算机上运行 JavaScript 的不同方法。
    JavaScript 是一种流行的编程语言，具有广泛的应用程序。
    JavaScript 以前主要用于使网页具有交互性，例如表单验证、动画等。如今，JavaScript 还用于许多其他领域，例如服务器端开发、移动应用程序开发等。
    由于其广泛的应用程序，您可以通过多种方式运行 JavaScript：

  • 使用 Web 浏览器的console选项卡运行 JavaScript
  • 使用 Node.js运行 JavaScript
  • 通过创建网页运行 JavaScript
1. 使用 Web 浏览器的console选项卡运行 JavaScript

所有流行的网络浏览器都内置了 JavaScript 引擎。因此，您可以在浏览器上运行 JavaScript。要在浏览器上运行 JavaScript，

  1. 打开您喜欢的浏览器（这里我们将使用 Google Chrome）。
  2. 通过右键单击空白区域并选择检查来打开开发人员工具，可以使用快捷键：F12。

  1. 在开发人员工具上，转到控制台选项卡。然后，编写 JavaScript 代码并按 Enter 键运行代码。

2. 使用 Node.js 运行 JavaScript

Node 是用于执行 JavaScript 代码的后端运行时环境。要使用 Node.js 运行 JS，请执行以下步骤：

  1. 安装最新版本的Node.js。
  2. 安装像Visual Studio Code这样的 IDE/文本编辑器。在 VS 代码中，创建一个文件>编写 JS 代码>使用 .js 扩展名保存它。

                                    IDE 中的代码

  1. 打开终端/命令提示符>导航到文件位置>输入 node hello.js>按enter。

  1. 在终端上获得输出。
    注意：也可以直接在终端/命令提示符下运行 JavaScript。为此，只需键入node并按 Enter。然后就可以开始写JS代码了。

3. 通过创建网页运行 JavaScript

JavaScript 最初是为了使网页具有交互性而创建的，这就是 JavaScript 和 HTML 齐头并进的原因。要从网页运行 JS，请按照下列步骤操作：

  1. 打开 VS Code >转到 File > New File > 以 .html 保存文件。例如，main.html。
  2. 复制下方文档（最低有效 HTML 代码）并将其保存在文件中。
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Programiz</title>
</head>

<body>
  <script src=""></script>
</body>
</html>
  1. 同样创建一个 JS 文件，编写以下 JS 代码并将其保存为.js扩展名，如main.js。
console.log('hello world');

                                    文件中的 JS 代码
4. 在 HTML 文件内部，我们需要链接main.js文件来使用它。您可以通过在main.html添加如下代码实现：

<script scr="main.js"></script>

                                    文件中的 HTML 代码
5. 使用浏览器打开文件 main.html 。
6. 要检查我们的 JS 代码是否运行，请右键单击网页 > 检查>选择 console 选项卡。

    现在您知道如何运行 JavaScript，让我们从下一个教程开始学习 JavaScript 的基础知识。

参考文档

[1] Parewa Labs Pvt. Ltd. (2022, January 1). Getting Started With JavaScript, from Parewa Labs Pvt. Ltd: https://www.programiz.com/javascript/get-started

27 4 0
文章推荐： Leetcode刷题(第417题)——太平洋大西洋水流问题
文章推荐： 前端性能上的建议
文章推荐： 并发编程-线程间的通信
文章推荐： 前端手写(十八)——Promise并行限制
知者
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com