在前端开发中，我们经常需要引入一些来自于第三方库的 JavaScript 文件。这些文件可以帮助我们快速实现某些特定功能，减少代码量和开发时间。而 GitHub 上则是许多优秀的 JavaScript 库和框架的主要托管平台之一。本文将介绍如何在 HTML 页面中引入 GitHub 上的 JavaScript 文件，并提供示例代码。
步骤一：获取 JavaScript 文件的 URL
首先，我们需要找到需要引入的 JavaScript 文件所在的 GitHub 仓库。以 jQuery 为例，打开其在 GitHub 上的仓库页面（https://github.com/jquery/jquery），我们可以看到其最新版本的 JavaScript 文件的 URL：
https://github.com/jquery/jquery/blob/3.6.0/dist/jquery.min.js
需要注意的是，GitHub 上的文件 URL 并不直接指向文件本身，而是指向文件所在的代码库。因此，我们需要将该 URL 中的 /blob/ 改为 /raw/ 才能获取到文件的实际内容：
https://github.com/jquery/jquery/raw/3.6.0/dist/jquery.min.js
步骤二：在 HTML 页面中引入 JavaScript 文件
有了 JavaScript 文件的 URL，我们就可以开始在 HTML 页面中引入它了。最简单的方式是使用 <script> 标签：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------------
-------
------
------- -----------------------------------------------------------------------------
--------
-- ------- ------ ---
---------
-------
-------在上面的代码中，我们通过 <script> 标签引入了 jQuery 的 JavaScript 文件，并在标签中指定了其 URL。注意，由于 GitHub 上的文件是不可信的，我们应该将其作为外部资源来引用，而不是使用 <script> 标签的 src 属性直接引用。
指导意义
通过以上步骤，我们可以很容易地在 HTML 页面中引入任何托管在 GitHub 上的 JavaScript 文件。但需要注意以下几点：
- 访问 GitHub 上的文件可能受到网络限制，因此应始终确保文件可用性和访问速度。
- 引用第三方 JavaScript 库时，应尽可能使用它们的 CDN 地址（如果有的话），以便利于缓存和加速文件加载。
- 为了避免出现安全漏洞，我们应尽量避免使用不明来源的 JavaScript 文件，或者对它们进行审查和验证。
示例代码
以下是一个完整的示例，在 HTML 页面中引入了 Bootstrap 和 jQuery 的 JavaScript 文件，并使用它们实现了一个简单的弹窗效果：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------------
---- -- --------- - ------ - --- -- ---
----- ---------------- -------------------------------------------------------------------------------
------- ----------------------------------------------------------------------------
-------
------
------- ---------- ------------------------
------- --------------------------------------------------------------------------------------------
--------
------------ -
---------------------------- -
----------------------------
---
---
---------
---- --- ---- -- ---
---- ------------ ----- ------------ ------------- ------------- ------------------------------
-------------------
---- -------------------- ----------------
---- ----------------------
---- -----
- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------