JavaScript 获取 URL 地址的方法：location.href 获取完整地址location.origin 获取协议、主机和端口location.protocol 获取协议location.host 获取主机和端口location.pathname 获取路径location.search 获取查询字符串location.hash 获取片段标识符

如何使用 JavaScript 获取 URL 地址

JavaScript 提供了多种方法来获取当前页面或网站的 URL 地址：

1. location.href

location.href 属性返回当前页面的完整 URL 地址，包括协议、主机名和路径。

用法：

let url = window.location.href;
console.log(url);

2. location.origin

location.origin 属性返回当前页面的协议、主机名和端口号，但不包括路径。

用法：

let origin = window.location.origin;
console.log(origin);

3. location.protocol

location.protocol 属性返回当前页面的协议，如 "https:" 或 "http:”。

用法：

let protocol = window.location.protocol;
console.log(protocol);

4. location.host

location.host 属性返回当前页面的主机名和端口号。

用法：

let host = window.location.host;
console.log(host);

5. location.pathname

location.pathname 属性返回当前页面的路径，不包括协议、主机名和端口号。

用法：

let pathname = window.location.pathname;
console.log(pathname);

6. location.search

location.search 属性返回当前页面的查询字符串，即问号 (?) 后面的部分。

用法：

let search = window.location.search;
console.log(search);

7. location.hash

location.hash 属性返回当前页面的片段标识符，即井号 (#) 后面的部分。

用法：

let hash = window.location.hash;
console.log(hash);