JavaScript课程（教材，自学指南）

10/10/2025, by Ivan

JavaScript 是世界上最流行的编程语言之一，虽然随着时间的推移它的地位有所下降，但仍然被许多程序员所学习和使用。
JavaScript 是学习 jQuery 的基础，因此在学习 jQuery（本质上是一个 JavaScript 框架）之前，必须先掌握 JavaScript 的基本知识。
JavaScript 代码直接嵌入在 HTML 页面中，使用 <script></script> 标签：

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>

将这段代码保存为 index.html 文件，并通过浏览器打开。接下来，我们将在 index.html 文件中编写 JavaScript 代码。
让我们从一个简单的消息提示开始：

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
alert('来自 drupalbook.org 的 JavaScript 教程');
</script>
</body>
</html>

通过 alert() 函数，我们可以显示一个弹出窗口。这在需要快速输出 JavaScript 变量的值或调试错误信息时非常方便。
此外，我们还可以使用 document.write() 函数在页面上输出文本：

...
<script type="text/javascript">
document.write('来自 drupalbook.org 的 JavaScript 教程');
</script>
...

保存文件并刷新浏览器页面以查看效果。
同样，我们可以将 JavaScript 代码放在单独的文件中：

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src='script.js'>
</script>
</body>
</html>

这样，JavaScript 代码就会从 script.js 文件中加载。请在该文件中添加以下代码以测试文件是否成功连接：

alert('来自 drupalbook.org 的 JavaScript 教程');

我认为将 JavaScript 代码单独存放在文件中更加方便，这样可以避免在 HTML 页面中混入过多的脚本代码。
这篇文章是对 JavaScript 的入门介绍，在接下来的课程中，我们将更深入地学习 JavaScript 的各种功能。

额外区块类型 (EBT) - 全新的布局构建器体验❗

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

JavaScript课程（教材，自学指南）