温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！
JavaScript外部引入是指将JavaScript代码放在一个独立的外部文件中，然后通过<script>标签将该文件引入到HTML页面中。这种方式的好处是可以将JavaScript代码与HTML页面分离，提高代码的可维护性和可复用性。
示例代码如下所示：
假设我们有一个名为script.js的外部JavaScript文件，其中包含以下代码：
function sayHello() {
console.log("Hello, World!");
}
在HTML页面中，我们可以使用<script>标签来引入外部JavaScript文件。需要注意的是，通常将<script>标签放在<body>标签的以确保页面的其他内容都已加载完毕。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript外部引入示例</title>
</head>
<body>
<h1>JavaScript外部引入示例</h1>
<!-- 引入外部JavaScript文件 -->
<script src="script.js"></script>
<!-- 调用外部JavaScript文件中的函数 -->
<script>
sayHello();
</script>
</body>
</html>
在上述示例中，我们使用<script>标签的src属性指定了外部JavaScript文件的路径，即"script.js"。这样，浏览器在解析HTML页面时会自动下载并执行该外部文件中的代码。
在<script>标签的后面，我们可以直接调用外部JavaScript文件中的函数，如示例中的sayHello()函数。这样，当浏览器加载完外部JavaScript文件后，会立即执行该函数，并在控制台输出"Hello, World!"。
通过这种方式，我们可以将JavaScript代码与HTML页面分离，提高代码的可维护性和可复用性。外部引入还可以使得页面加载更快，因为浏览器可以缓存已下载的外部文件，从而减少了页面的加载时间。
