js window.location

// 示例代码：使用 window.location 获取和设置页面的 URL

// 获取当前页面的完整 URL
console.log(window.location.href);

// 获取当前页面的协议 (例如: "http:" 或 "https:")
console.log(window.location.protocol);

// 获取当前页面的主机名 (例如: "www.example.com")
console.log(window.location.hostname);

// 获取当前页面的端口号 (例如: "80" 或 "443")
console.log(window.location.port);

// 获取当前页面的路径 (例如: "/path/page.html")
console.log(window.location.pathname);

// 获取当前页面的查询字符串 (例如: "?key=value")
console.log(window.location.search);

// 获取当前页面的哈希值 (例如: "#section1")
console.log(window.location.hash);

// 设置新的 URL，这将导致页面重定向
// window.location.href = "https://www.newexample.com";

// 只更改查询字符串部分
// window.location.search = "?newKey=newValue";

解释说明：

• window.location 是一个对象，提供了有关当前页面 URL 的信息，并允许你操作它。
• href 属性返回或设置完整的 URL。
• protocol 返回或设置 URL 的协议（如 HTTP 或 HTTPS）。
• hostname 返回或设置主机名（不包括协议和端口）。
• port 返回或设置端口号。
• pathname 返回或设置路径部分。
• search 返回或设置查询字符串部分。
• hash 返回或设置哈希值（锚点）。
• 你可以通过设置这些属性来修改页面的 URL，甚至可以触发页面重定向。