获取不带参数的url JavaScript

在JavaScript中，可以通过 window.location 对象来获取当前页面的URL。这个URL包括了协议、主机名、端口号、路径和查询参数等信息。但是，有时候我们只需要获取URL的路径，忽略掉查询参数。本文将介绍如何获取不带参数的URL。

方法1：使用正则表达式

我们可以使用正则表达式来匹配URL，获取不带参数的URL。

const url = window.location.href; // 获取当前页面的URL
const regex = /^(.*[\\/])/; // 匹配URL路径的正则表达式
const urlWithoutQueryString = regex.exec(url)[1]; // 获取不带参数的URL

这段代码中，我们首先获取了当前页面的URL，然后定义了一个正则表达式，用来匹配URL路径。正则表达式首先匹配任意字符（包括斜杠和反斜杠），接着匹配最后一个斜杠或反斜杠，最后使用分组来捕获匹配结果。通过 regex.exec(url) 方法即可得到匹配的结果，再通过 [1] 来获取结果的第一个分组，即不带参数的URL。

方法2：使用字符串处理

另一种获取不带参数的URL的方法是使用字符串处理。我们可以通过 indexOf 和 substring 方法来获取URL路径。

const url = window.location.href; // 获取当前页面的URL
const index = url.indexOf('?'); // 查找第一个问号的位置
const urlWithoutQueryString = url.substring(0, index !== -1 ? index : url.length); // 获取不带参数的URL

这段代码中，我们首先获取了当前页面的URL，然后使用 indexOf 方法查找第一个问号的位置。如果找到了，说明URL有查询参数，就截取URL路径和查询参数之间的部分。如果没有找到，说明URL没有查询参数，就截取整个URL。最终得到的就是不带参数的URL。

总之，无论使用哪种方法，获取不带参数的URL都非常简单。希望本文能够帮助你快速实现这一功能。