JavaScript 入门
提示
- JavaScript的普及应用:JavaScript是一种广泛应用于网页交互、服务器端开发、移动应用开发等多个领域的流行编程语言。
- 多种运行方式:JavaScript可以通过浏览器的控制台、Node.js环境或在创建的网页中运行。
- 实际操作步骤:详细介绍了在浏览器控制台、使用Node.js、以及通过创建网页运行JavaScript的具体步骤和方法。
JavaScript是一种广泛应用的流行编程语言。
JavaScript以前主要用于使网页交互性增强,例如表单验证、动画等。如今,JavaScript也用于服务器端开发、移动应用开发等多个领域。
由于应用范围广泛,你可以通过多种方式运行JavaScript:
- 使用Web浏览器的控制台标签页
- 使用Node.js
- 通过创建网页
1. 使用Web浏览器的控制台标签页
所有流行的Web浏览器都内置了JavaScript引擎。因此,你可以在浏览器上运行JavaScript。要在浏览器上运行JavaScript,
-
打开你喜欢的浏览器(这里我们将使用Google Chrome)。
-
通过右键点击空白区域并选择“检查”来打开开发者工具。快捷键:
F12
。 -
在开发者工具中,转到控制台标签页。然后,编写JavaScript代码并按Enter键运行代码。
使用Node.js
Node是一个后端运行时环境,用于执行JavaScript代码。使用Node.js运行JS,请按照以下步骤操作:
-
安装最新版本的Node.js。
-
安装一个IDE/文本编辑器,如Visual Studio Code。在VS Code中,创建文件 > 编写JS代码 > 以.js扩展名保存。
-
打开终端/命令提示符 > 导航至文件位置 > 输入
**node hello.js**
> 回车。 -
你将在终端上看到输出。
注意:也可以直接在终端/命令提示符上运行JavaScript。为此,只需输入node
并按Enter键。然后你可以开始编写JS代码。
通过创建网页
JavaScript最初是为了使网页交互而创建的,这就是为什么JavaScript和HTML密切相关。要通过网页运行JS,请按照以下步骤操作:
- 打开VS Code > 转到文件 > 新建文件 > 以.html扩展名保存。例如,
main.html
。 - 复制这个文档类型(最小有效HTML代码)并保存在文件中。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>马上学123</title>
</head>
<body>
<script src=""></script>
</body>
</html>
- 类似地创建一个JS文件,编写以下JS代码并以**.js**扩展名保存,如
main.js
。
console.log("hello world");
- 在HTML文件内部,我们需要通过添加以下代码将
main.js
文件链接起来,以便使用。
<script scr="main.js"></script>
- 使用浏览器打开
main.html
文件。 - 要检查我们的JS代码是否运行,右键点击网页 > 检查 > 选择控制台标签页。
现在你已经知道如何运行JavaScript,让我们从下一个教程开始学习JavaScript的基础知识。