如何在没有查询参数的情况下获取路由器 URL - JavaScript

在没有查询参数的情况下获取路由器的 URL 是 JavaScript 中一个常见的任务。以下是一种方法来实现这个目标。

使用 window.location 对象

JavaScript 中的 window.location 对象提供了访问当前页面的 URL 相关信息的方法。你可以使用它来获取没有查询参数的路由器 URL。

// 获取当前页面的 URL
const routerUrl = window.location.href;

// 获取没有查询参数的路由器 URL
const routerUrlWithoutParams = routerUrl.split("?")[0];

在上面的代码片段中，我们首先使用 window.location.href 来获取当前页面的完整 URL。然后，我们使用 split("?") 方法将 URL 分割为两个部分，即路由器 URL 和查询参数。我们只需要取第一个部分，即 routerUrl.split("?")[0]，这就是没有查询参数的路由器 URL。

参数补充说明

如果你需要获取查询参数，可以使用 window.location.search 属性。这个属性将返回 URL 中的查询字符串，包括问号（?）。以下是一个示例：

// 获取查询参数
const queryParams = window.location.search;

如果你只需要获取查询参数的值，可以使用 URLSearchParams 对象：

// 获取查询参数的值
const params = new URLSearchParams(queryParams);
const paramValue = params.get("paramName");

在上面的代码片段中，我们首先创建了一个 URLSearchParams 对象并传入查询参数字符串。然后，我们可以使用 get() 方法来获取特定查询参数的值，并将该值存储在 paramValue 变量中。

结论

通过使用 window.location 对象的属性，你可以在没有查询参数的情况下获取路由器的 URL。你还可以使用 URLSearchParams 对象来访问和处理查询参数。

希望以上信息对你有所帮助！