js 获取url的多种方式

在JavaScript中，可以使用多种方式获取当前页面的URL信息。以下是一些常用方法：

1. window.location.href：这会返回当前页面的完整URL。

var url = window.location.href;
console.log(url); // 输出当前页面的URL

2. window.location.protocol：返回页面使用的协议（例如 http: 或 https:）。

var protocol = window.location.protocol;
console.log(protocol); // 输出协议

3. window.location.host：返回主机名和端口号（如果有的话）。

var host = window.location.host;
console.log(host); // 输出主机名

4. window.location.hostname：返回不带端口号的主机名。

var hostname = window.location.hostname;
console.log(hostname); // 输出主机名

5. window.location.port：返回URL中指定的端口号。

var port = window.location.port;
console.log(port); // 输出端口号

6. window.location.pathname：返回URL中的路径部分。

var pathname = window.location.pathname;
console.log(pathname); // 输出路径

7. window.location.search：返回URL的查询字符串部分（包括?）。

var search = window.location.search;
console.log(search); // 输出查询字符串

8. window.location.hash：返回URL的哈希部分（包括#）。

var hash = window.location.hash;
console.log(hash); // 输出哈希

以上每种方法都适用于获取URL的不同部分。可以根据需要选择合适的方法来获取URL信息。