如果您正在开发一个网站或应用程序，并需要在多个页面上使用同一段 JavaScript 代码，那么将其托管在 GitHub 上并通过链接引用它可能是一个不错的选择。这样做的好处是，当您需要更新代码时，只需要更改 GitHub 上的代码即可，而无需在每个使用该代码的页面上进行手动更改。
步骤
以下是如何链接和执行托管在 GitHub 上的外部 JavaScript 文件的步骤：
- 在 GitHub 上创建一个新的代码库，例如
my-project-scripts。 - 上传您的 JavaScript 文件到该库中。您可以将其放在根目录中，也可以创建一个名为
js的文件夹并将其放在其中。 - 转到您要使用该代码的 HTML 页面，并添加以下标记：
<script src="https://raw.githubusercontent.com/your-username/my-project-scripts/main/js/my-script.js"></script>
请注意，您需要将 your-username 替换为您的 GitHub 用户名，my-project-scripts 替换为您在第 1 步中创建的代码库的名称，以及 my-script.js 替换为您要链接的 JavaScript 文件的名称。
- 保存并重新加载您的 HTML 页面。您的 JavaScript 应该已经开始运行了！
示例代码
JavaScript 文件
以下是一个简单的示例 JavaScript 文件，它定义了一个名为 greeting 的全局变量，并在页面加载时将其输出到控制台中：
var greeting = "Hello, world!"; console.log(greeting);
HTML 页面
以下是一个包含上述 JavaScript 文件链接的示例 HTML 页面：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------- ------------
-------
------
-----------------
------- -------------------------------------------------------------------------------------------------------
-------
-------结论
使用 GitHub 托管并链接执行外部 JavaScript 文件可能是一种方便且有效的方式，在您的网站或应用程序中共享代码。此方法允许您轻松地更新和维护代码，而无需手动更改每个页面。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8239