// http://127.0.0.1:8000/projects/page/2?name=jake&age=34
let url = new URL(window.location.href);
/*
hash: ""

host: "127.0.0.1:8000"

hostname: "127.0.0.1"

href: "http://127.0.0.1:8000/projects/page/2?username=jake&age=34"

origin: "http://127.0.0.1:8000"

password: ""

pathname: "/projects/page/2"

port: "8000"

protocol: "http:"

search: "?name=jake&age=34"

username: ""
*/

url.searchParams.get('name')
// jake

url.searchParams.get('age')
// 34

url.searchParams.get('gender')
// null

let url=新url（window.location.href）；console.log（url.href）；

使用以上代码获取网站的当前URL。

或者试试这个https://bbbootstrap.com/code/get-current-url-javascript-54628697

首先检查页面是否完全加载到

browser,window.location.toString();

window.location.href

然后调用一个获取url、url变量并在控制台上打印的函数，

$(window).load(function(){
   var url = window.location.href.toString();
   var URL = document.URL;
   var wayThreeUsingJQuery = $(location).attr('href');
   console.log(url);
   console.log(URL);
   console.log(wayThreeUsingJQuery );
});

要获取路径，可以使用：

http://www.example.com:8082/index.php#tab2?foo=789

Property                    Result
------------------------------------------
window.location.host        www.example.com:8082
window.location.hostname    www.example.com
window.location.port        8082
window.location.protocol    http:
window.location.pathname    index.php
window.location.href        http://www.example.com:8082/index.php#tab2
window.location.hash        #tab2
window.location.search      ?foo=789
window.location.origin      https://example.com

URL信息访问

JavaScript为您提供了许多方法来检索和更改显示在浏览器地址栏中的当前URL。所有这些方法都使用Location对象，这是Window对象的属性。您可以通过读取window.Location来读取当前Location对象：

var currentLocation = window.location;

基本URL结构

<protocol>//<hostname>:<port>/<pathname><search><hash>

protocol：指定用于访问Internet上资源的协议名称。（HTTP（不带SSL）或HTTPS（带SSL））hostname：主机名指定拥有资源的主机。例如，www.stackeoverflow.com。服务器使用主机名提供服务。端口：用于识别Internet或其他网络消息到达服务器时要转发到的特定进程的端口号。路径名：路径提供有关Web客户端希望访问的主机内特定资源的信息。例如，/index.html。搜索：路径组件后面有一个查询字符串，它提供了资源可以用于某些目的的信息字符串（例如，作为搜索的参数或作为要处理的数据）。hash：URL的锚定部分，包括哈希符号（#）。

使用这些Location对象财产，您可以访问所有这些URL组件以及它们可以设置或返回的内容：

href-整个URLprotocol-URL的协议host—URL的主机名和端口hostname—URL的主机名port-服务器用于URL的端口号pathname—URL的路径名search-URL的查询部分hash-URL的锚定部分origin-window.location.protocol+'//'+window.location.host

我希望你得到了答案。。

使用：window.location.href。

如上所述，更新window.location时，document.URL不会更新。请参阅MDN。