以节点获取根目录 - JavaScript

在 JavaScript 中获取根目录为当前网站或应用程序的根目录是一个常见的任务。获取根目录通常用于动态处理文件或资源链接，或生成基于当前应用程序的绝对路径。

在这里，我们将讨论如何使用 JavaScript 获取根目录，也称为基础 URL。

获取基础 URL

可以通过 window.location 对象来获取当前 URL 中的基础 URL。

const baseURL = window.location.origin;

上面的代码会返回当前页面的根 URL。例如，在一个名为 index.html 的文件中，window.location.origin 将返回如下格式的 URL：http://localhost:3000。

如果我们需要相对于根目录的路径，可以使用 pathname 属性：

const path = window.location.pathname;
const baseURL = window.location.origin + path;

上面的代码创建了一个名为 path 的变量，其中存储了页面的 URL 路径（默认值为“/”）。然后，使用 origin 和 path 构建基础 URL。

获取相对于根目录的路径

可以使用当前 URL 和基础 URL 创建相对 URL。

const currentURL = window.location.href;
const rootURL = window.location.origin;
const relativeURL = currentURL.replace(rootURL, '');

上面的代码首先获取了当前 URL 和基础 URL。然后，使用 replace() 函数获取当前 URL 相对于基础 URL 的路径。所得结果将是相对于根目录的路径。

结论

使用上述代码片段，我们可以在 JavaScript 中轻松地获取当前网站或应用程序的根目录。获取根目录很有用，特别是在动态生成资源链接或处理文件路径时。