js怎么准确获取当前页面url网址

在JavaScript中，获取当前页面的URL网址有多种方法，以下是一些常用的方法：

1、使用window.location.href属性

这是最常用的方法，可以直接通过window.location.href属性获取当前页面的完整URL。

var currentUrl = window.location.href;
console.log(currentUrl);

2、使用window.location.protocol、window.location.host和window.location.pathname属性

如果你只需要获取协议、主机名和路径名部分，可以使用这些属性组合起来。

var protocol = window.location.protocol;
var host = window.location.host;
var pathname = window.location.pathname;
var currentUrl = protocol + "//" + host + pathname;
console.log(currentUrl);

3、使用document.referrer属性

document.referrer属性可以获取当前页面是从哪个页面跳转过来的。

var referrer = document.referrer;
console.log(referrer);

4、使用history.pushState()和history.replaceState()方法

这两个方法可以用来修改浏览器的历史记录，同时也可以获取到修改后的URL。

history.pushState({}, '', 'new-url');
var newUrl = history.state && history.state.newUrl;
console.log(newUrl); // new-url

5、使用HTML5的history.pushState()和history.replaceState()方法（兼容旧版浏览器）

这两个方法也可以用来修改浏览器的历史记录，同时也可以获取到修改后的URL。

history.pushState({}, '', 'new-url');
var newUrl = document.referrer; // new-url
console.log(newUrl);

6、使用事件监听器（如点击事件）获取URL

你可以通过监听用户的操作（如点击链接或按钮）来获取URL。

document.querySelector('a').addEventListener('click', function(event) {
  event.preventDefault(); // 阻止默认行为，避免页面跳转
  var targetUrl = event.target.href; // 获取目标URL
  console.log(targetUrl); // http://example.com/new-page/
});

7、使用第三方库（如jQuery）获取URL

如果你的项目使用了jQuery库，可以使用其提供的$.ajaxSetup()方法来获取URL。

$.ajaxSetup({
  url: window.location.href // 设置请求的URL为当前页面的URL
});

以上就是在JavaScript中获取当前页面URL的一些常用方法，需要注意的是，不同的方法可能在不同的浏览器和环境中有不同的表现，因此在实际应用中需要根据具体需求选择合适的方法。