跳到主要内容

JavaScript 入门

提示
  1. JavaScript的普及应用:JavaScript是一种广泛应用于网页交互、服务器端开发、移动应用开发等多个领域的流行编程语言。
  2. 多种运行方式:JavaScript可以通过浏览器的控制台、Node.js环境或在创建的网页中运行。
  3. 实际操作步骤:详细介绍了在浏览器控制台、使用Node.js、以及通过创建网页运行JavaScript的具体步骤和方法。

JavaScript是一种广泛应用的流行编程语言。

JavaScript以前主要用于使网页交互性增强,例如表单验证、动画等。如今,JavaScript也用于服务器端开发、移动应用开发等多个领域。

由于应用范围广泛,你可以通过多种方式运行JavaScript:

  • 使用Web浏览器的控制台标签页
  • 使用Node.js
  • 通过创建网页

1. 使用Web浏览器的控制台标签页

所有流行的Web浏览器都内置了JavaScript引擎。因此,你可以在浏览器上运行JavaScript。要在浏览器上运行JavaScript,

  1. 打开你喜欢的浏览器(这里我们将使用Google Chrome)。

  2. 通过右键点击空白区域并选择“检查”来打开开发者工具。快捷键:F12Inspect Browser

  3. 在开发者工具中,转到控制台标签页。然后,编写JavaScript代码并按Enter键运行代码。 Console tab in Browser

使用Node.js

Node是一个后端运行时环境,用于执行JavaScript代码。使用Node.js运行JS,请按照以下步骤操作:

  1. 安装最新版本的Node.js

  2. 安装一个IDE/文本编辑器,如Visual Studio Code。在VS Code中,创建文件 > 编写JS代码 > 以.js扩展名保存Code in IDE

  3. 打开终端/命令提示符 > 导航至文件位置 > 输入 **node hello.js** > 回车Execute JS code in node

  4. 你将在终端上看到输出。

注意:也可以直接在终端/命令提示符上运行JavaScript。为此,只需输入node并按Enter键。然后你可以开始编写JS代码。

Run JS code in node

通过创建网页

JavaScript最初是为了使网页交互而创建的,这就是为什么JavaScript和HTML密切相关。要通过网页运行JS,请按照以下步骤操作:

  1. 打开VS Code > 转到文件 > 新建文件 > 以.html扩展名保存。例如,main.html
  2. 复制这个文档类型(最小有效HTML代码)并保存在文件中。
<!doctype html>

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

<title>马上学123</title>
</head>

<body>
<script src=""></script>
</body>
</html>
  1. 类似地创建一个JS文件,编写以下JS代码并以**.js**扩展名保存,如main.js
console.log("hello world");

JS code in a file

  1. 在HTML文件内部,我们需要通过添加以下代码将main.js文件链接起来,以便使用。
<script scr="main.js"></script>

HTML code in a file

  1. 使用浏览器打开main.html文件。
  2. 要检查我们的JS代码是否运行,右键点击网页 > 检查 > 选择控制台标签页Showing JS code in the console tab

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