Javascript获取当前网址

在前端开发中，我们经常需要获取当前网址作为参数传递或进行其他操作。下面介绍几种获取当前网址的方法。

方法一：使用location对象

通过location.href或location.toString()获取完整的当前网址，包括协议、主机、路径和查询参数等。示例代码如下：

const currentUrl = location.href;
console.log('当前网址：', currentUrl);

方法二：使用window.location属性

通过window.location.href或window.location.toString()也可以获取当前网址，效果与方法一相同。示例代码如下：

const currentUrl = window.location.href;
console.log('当前网址：', currentUrl);

方法三：使用Document对象

通过document.URL属性获取当前网址，效果与方法一相同。示例代码如下：

const currentUrl = document.URL;
console.log('当前网址：', currentUrl);

方法四：使用history对象

通过history.pushState()或history.replaceState()方法设置当前网址并获取。示例代码如下：

history.pushState(null, '', '/new-path');
const currentUrl = location.href;
console.log('当前网址：', currentUrl); // https://example.com/new-path

history.replaceState(null, '', '/another-path');
const currentUrl2 = location.href;
console.log('当前网址：', currentUrl2); // https://example.com/another-path

以上是常用的几种获取当前网址的方法。大家可以根据具体的场景选择合适的方法来使用。