location对象指南：在浏览器中轻松获取文档路径信息

在浏览器中，使用 location 对象可以获取当前窗口中加载的文档的路径信息。它既是 window 对象的属性，也是 document 对象的属性，因此，window.location === document.location 为真。location 对象允许您以编程方式访问和操作 URL 的各个组成部分，包括：

• 协议：URL 中指定的协议，如 http 或 https。
• 域名：URL 中指定的主机名或 IP 地址。
• 端口：URL 中指定的端口号。
• 路径：URL 中指定的文件路径。
• 查询字符串：URL 中指定的参数字符串，以问号 (?) 开始。
• 片段标识符：URL 中指定的内容片段，以井号 (#) 开始。

使用 location 对象可以获取有关当前窗口中加载的文档的多种信息。您可以使用 location.href 属性获取完整的 URL 字符串，也可以使用 location.protocol、location.hostname、location.port 等属性分别获取协议、域名、端口等信息。

使用 Location 对象的操作

Location 对象提供了多种方法和属性用于操作 URL 的各个组成部分。其中一些常用的方法和属性包括：

• location.assign()：将当前窗口的 URL 更改为指定的新 URL。
• location.replace()：将当前窗口的 URL 替换为指定的新 URL，不会在浏览器历史记录中创建一个新条目。
• location.reload()：重新加载当前窗口中的文档。
• location.search：获取 URL 中的查询字符串，不包含问号 (?)。
• location.hash：获取 URL 中的片段标识符，不包含井号 (#)。

您还可以使用 location 对象来创建新的 URL。只需将协议、域名、端口、路径、查询字符串和片段标识符连接成一个字符串即可。例如，以下代码将创建一个指向 https://www.example.com/path/to/file.html?query=string#fragment 的 URL：

var url = 'https://www.example.com/path/to/file.html?query=string#fragment';

结论

Location 对象是浏览器中一个非常有用的对象，可以帮助您获取有关当前窗口中加载的文档的路径信息。您可以使用 location 对象来访问和操作 URL 的各个组成部分，并创建新的 URL。