在JavaScript中获取不带参数的页面URL

在Web开发中，获取页面URL是非常常见的需求。但有时候，我们只需要获取纯粹的页面URL，而不需要URL中的参数部分。本文将介绍如何在JavaScript中获取不带参数的页面URL。

方法一：使用location对象

JavaScript提供了一个location对象，该对象包含了当前页面URL的信息，包括主机名、路径、查询字符串等等。要获取不带参数的页面URL，只需要使用location对象中的pathname属性即可。

下面是示例代码：

const urlWithoutParams = window.location.origin + window.location.pathname;

以上代码中，window.location.origin表示当前页面的协议+主机名，如https://www.example.com，window.location.pathname表示当前页面的路径，如/page.html。通过字符串拼接，就可以得到不带参数的页面URL了。

方法二：使用正则表达式

还有一种方法是使用正则表达式，通过去除URL中的参数部分来获取不带参数的页面URL。

下面是示例代码：

const urlWithoutParams = window.location.href.replace(/[?#].*$/, '');

以上代码使用了正则表达式，将URL中问号或者井号后的部分全部去除，从而得到不带参数的页面URL。

需要注意的是，这种方法可能存在一些风险，因为有些URL中可能包含问号或者井号，但并不是参数的分隔符。在实际应用中，需要根据具体情况选择哪种方法。