在前端开发中，经常需要引入外部 JavaScript 脚本来扩展网页功能。通常情况下，我们可以通过 CDN 或者 npm 等方式来获取这些脚本资源。但是，在某些情况下，我们可能需要直接从 GitHub 上下载 JavaScript 脚本。那么，如何从 raw.github.com 下载 JavaScript 脚本呢？本文将为你提供详细的指南。
步骤一：找到要下载的 JavaScript 文件
首先，我们需要找到要下载的 JavaScript 文件。在 GitHub 上，每个文件都有一个唯一的 URL 地址。例如，我们要下载的 JavaScript 文件的 URL 地址是：
https://github.com/<username>/<repository>/blob/<branch>/<path>/<to>/<file>.js
其中，<username> 是 GitHub 用户名，<repository> 是仓库名称，<branch> 是分支名称，<path>/<to>/<file>.js 是 JavaScript 文件的路径。请根据实际情况替换这些参数。
步骤二：将 URL 地址转换成 raw.githubusercontent.com 的地址
GitHub 的文件浏览器页面显示的是文件内容的 HTML 渲染结果，而不是原始文件内容。为了下载 JavaScript 文件的原始内容，我们需要将 URL 地址中的 blob 关键字替换成 raw，即将：
https://github.com/<username>/<repository>/blob/<branch>/<path>/<to>/<file>.js
替换成：
https://raw.githubusercontent.com/<username>/<repository>/<branch>/<path>/<to>/<file>.js
步骤三：使用 JavaScript 的 fetch 函数下载文件内容
接下来，我们可以使用 JavaScript 的 fetch 函数来下载文件的原始内容。fetch 函数会返回一个 Promise 对象，其中的响应对象包含了文件的内容和元数据信息。以下是一个示例代码：
-- -------------------- ---- -------
----- --- - -------------------------------------------------------------------------------------------
----------
-------------- -- ----------------
------------- -- -
---------------------
--
------------ -- -
---------------------
---这段代码会将文件内容打印到控制台上。你可以根据实际情况修改代码，比如将内容插入到网页中。
指导意义
通过本文的指南，你已经学会了如何从 raw.github.com 下载 JavaScript 脚本。下载脚本后，你可以将其用于构建网页或者扩展现有网页的功能。同时，你也了解了在 GitHub 上查找 JavaScript 文件的方法，这对于阅读别人的代码或者共享自己的代码都很有帮助。
总之，本文提供的知识和技巧可以帮助你更好地进行前端开发，并提高工作效率。
总结
本文提供了从 raw.github.com 下载 JavaScript 脚本的详细指南。首先，我们需要找到要下载的 JavaScript 文件，然后将 URL 地址中的 blob 关键字替换成 raw。最后，使用 JavaScript 的 fetch 函数来下载文件内容。这些知识和技巧可以帮助你更好地进行前端开发，并提高工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14224