JavaScript 入门

x33g5p2x  于2022-04-01 转载在 Java  
字(1.7k)|赞(0)|评价(0)|浏览(157)

在本教程中,您将了解在计算机上运行 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

相关文章

微信公众号

最新文章

更多