如何将 JavaScript 代码添加到网页中，以及

...script 标签之后

现代 JavaScript 中已经不这样使用了。这些注释是用于不支持

这里，/path/to/script.js 是脚本文件从站点根目录开始的绝对路径。当然也可以提供当前页面的相对路径。例如，src =“script.js” 表示当前文件夹中的 “script.js” 文件。

我们也可以提供一个完整的 URL 地址，例如：

要附加多个脚本，请使用多个标签：

…

请注意：

一般来说，只有最简单的脚本才嵌入到 HTML 中。更复杂的脚本存放在单独的文件中。

使用独立文件的好处是浏览器会下载它，然后将它保存到浏览器的缓存中。

之后，其他页面想要相同的脚本就会从缓存中获取，而不是下载它。所以文件实际上只会下载一次。

这可以节省流量，并使得页面（加载）更快。

提醒：如果设置了 src 属性，script 标签内容将会被忽略。

一个单独的

我们必须进行选择，要么使用外部的

总结

我们可以使用一个 的方式插入。

有关浏览器脚本以及它们和网页的关系，还有很多可学的。但是请记住，教程的这部分主要是针对 JavaScript 语言本身的，所以我们不该被浏览器特定的实现分散自己的注意力。我们将使用浏览器作为运行 JavaScript 的一种方式，这种方式非常便于我们在线阅读，但这只是很多种方式中的一种。

作业题

1. 显示一个提示语

重要程度：⭐️⭐️⭐️⭐️⭐️

创建一个页面，然后显示一个消息 “I'm JavaScript!”。

在沙箱中或者在你的硬盘上做这件事都无所谓，只要确保它能运行起来。

你可以先看一下 新窗口的演示结果。

在微信公众号「技术漫谈」后台回复 1-2-1 获取本题答案。

2. 使用外部的脚本显示一个提示语

重要程度：⭐️⭐️⭐️⭐️⭐️

打开题目 1 的答案。将答案中脚本的内容提取到一个外部的 alert.js 文件中，放置在相同的文件夹中。

打开页面，确保它能够工作。

你可以先看一下 新窗口的演示结果。

在微信公众号「技术漫谈」后台回复 1-2-1 获取本题答案。

现代 JavaScript 教程：开源的现代 JavaScript 从入门到进阶的优质教程。React 官方文档推荐，与 MDN 并列的 JavaScript 学习教程。

在线免费阅读：https://zh.javascript.info

微信扫描下方二维码，关注公众号「技术漫谈」，订阅更多精彩内容。