HTML DOM Window.location 属性

窗口对象的 location 属性用于获取或设置当前窗口的 URL 地址。它是 HTML DOM 中 Window 对象的一部分，可通过 JavaScript 访问和操作。

获取当前 URL

要获取当前窗口的 URL，可以使用 window.location.href 属性：

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

上述代码会将当前 URL 打印到浏览器的控制台。

修改 URL

要修改当前窗口的 URL，可以通过 window.location.href 属性进行赋值操作：

window.location.href = "https://example.com";

上述代码会将当前窗口的 URL 修改为指定的 URL，导致浏览器跳转到新的地址。

获取和修改 URL 的各个部分

window.location 对象提供了其他属性来获取和修改 URL 的不同部分。

• window.location.href：包含完整的 URL。
• window.location.protocol：获取或设置 URL 的协议部分，如 "http:" 或 "https:"。
• window.location.host：获取或设置 URL 的主机部分，包括域名和端口。
• window.location.hostname：获取或设置 URL 的域名部分。
• window.location.port：获取或设置 URL 的端口部分。
• window.location.pathname：获取或设置 URL 的路径部分。
• window.location.search：获取或设置 URL 的查询字符串部分，即 URL 中问号后面的内容。
• window.location.hash：获取或设置 URL 的片段标识符部分，即 URL 中井号后面的内容。

以下是一些示例代码：

// 获取协议部分
let protocol = window.location.protocol;
console.log(protocol);

// 修改端口部分
window.location.port = "8080";

// 获取路径部分
let path = window.location.pathname;
console.log(path);

// 修改查询字符串部分
window.location.search = "?param=value";

// 获取片段标识符部分
let hash = window.location.hash;
console.log(hash);

重定向页面

通过修改 window.location.href 属性，可以实现页面的重定向效果。将其设置为新的 URL，浏览器将加载该 URL 指向的页面。

window.location.href = "https://example.com";

刷新页面

要刷新当前页面，可以使用 window.location.reload() 方法。它会重新加载当前 URL 地址对应的页面。

window.location.reload();

总结

window.location 属性提供了访问和修改当前窗口 URL 的能力。它具有获取和修改 URL 的各个部分的属性，使开发人员能够灵活操作 URL。此外，通过修改 window.location.href 属性，可以实现页面的重定向和刷新。