JavaScript--Hello,World!

“script”标签

JavaScript 程序可以在 <script> 标签的帮助下插入到 HTML 文档的任何地方。

外部脚本

如果你有大量的JavaScript代码，我们可以将她放入一个单独的文件中。

脚本文件可以通过src特性（attribute）添加到HTML文件中。

<script src="/path/to/script.js"></script>

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

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

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

    <script src="https://static2.ichunqiu.com/icq/resources/js/main.js?v=2020111601"></script>
    <script src="https://www.sicau.edu.cn/system/resource/js/openlink.js"></script>

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

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

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

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

如果设置了src特性，script标签内容将会被忽略。

一个单独的<script>标签不能同时有src特性和内部包裹的代码。

这将不会工作：

    <script src="file.js">
        alert(1);   // 此内容会被忽略，因为设定了src
    </script>

我们必须进行选择，要么使用外部的<script src="...">，要么使用正常包裹代码的<script>。

总结

• 我们可以使用一个 <script> 标签将 JavaScript 代码添加到页面中。
• type 和 language 特性（attribute）不是必需的。
• 外部的脚本可以通过 <script src="path/to/script.js"></script> 的方式插入。