📅 最后修改于: 2023-12-03 15:32:13.321000 🧑 作者: Mango
jQuery 是一个流行的 Javascript 库，它简化了常见的客户端脚本操作，使开发更加容易。jQuery 通过一组易于使用的 API，使得开发人员可以处理HTML文档遍历和操作，事件处理，动画，和Ajax等功能。
通常情况下，为了使代码更好地组织和维护，并避免对HTML文件进行直接更改，我们可以将 jQuery 代码放在一个外部的 .js 文件中。
<script src="jquery.js"></script>
这个例子中，外部脚本 jquery.js 是通过 script 标签被引入到页面中的。这种方式使得代码更具有可维护性，同时也避免了在多个页面中重复书写相同的代码。
外部脚本可以缓存。浏览器会自动缓存这些文件，当浏览者访问网页时，浏览器不需要再次下载已经缓存的外部代码。这可以提高加载速度和改善性能。
外部脚本可以重复使用。由于外部脚本可以在多个页面中使用，我们可以避免在多个页面中使用相同的代码，从而提高代码的复用性和可维护性。
外部脚本可以更容易地管理。 使用外部脚本文件可以使逻辑更清晰，使代码更结构化、可读性更高。
在你的文本编辑器中创建一个新文件，并用 .js 作为文件扩展名。比如 script.js。
编写你的 Javascript 代码，并将代码保存到刚刚创建的 .js 文件中。
在HTML文档中使用 script 标签引入外部脚本文件。如下所示：
<!DOCTYPE html>
<html>
<head>
<!-- 在这里引入 jQuery 库 -->
<script src="jquery.js"></script>
<!-- 在这里引入外部脚本 -->
<script src="script.js"></script>
<title>My Web Page</title>
</head>
<body>
<!-- 页面内容放在这里 -->
</body>
</html>
使用外部脚本文件是一种优秀的组织 Javascript 代码的方式，它可以提高代码的可维护性、复用性和性能。当我们开始编写更加复杂的程序时，外部脚本文件变得尤为重要，因为它可以使逻辑更加清晰，并提高代码的可读性。