window.location 是 JavaScript 中 window 对象的一个属性,提供了有关当前 URL 的信息以及用于导航的方法。通过 window.location,你可以获取当前页面的 URL、执行页面的重定向等操作。

以下是一些关于 window.location 的基本信息:

window.location 属性

1. window.location.href: 包含完整的 URL,可以用于获取或设置当前页面的 URL。
    console.log(window.location.href);

2. window.location.protocol: 返回页面使用的协议(例如 "http:" 或 "https:")。
    console.log(window.location.protocol);

3. window.location.host: 返回主机名和端口号。
    console.log(window.location.host);

4. window.location.hostname: 返回主机名。
    console.log(window.location.hostname);

5. window.location.port: 返回端口号。
    console.log(window.location.port);

6. window.location.pathname: 返回 URL 中的路径部分。
    console.log(window.location.pathname);

7. window.location.search: 返回 URL 查询字符串部分(即问号及其后的部分)。
    console.log(window.location.search);

8. window.location.hash: 返回 URL 中的片段标识符部分(即井号及其后的部分)。
    console.log(window.location.hash);

window.location 方法

1. window.location.assign(url): 加载指定的 URL。
    window.location.assign('https://www.example.com');

2. window.location.replace(url): 用指定的 URL 替换当前页面,不会在浏览历史中留下记录。
    window.location.replace('https://www.example.com');

3. window.location.reload(forceReload): 重新加载当前页面。如果参数 forceReload 为 true,则会强制从服务器重新加载,否则可能从缓存中加载。
    window.location.reload(true);

示例
// 获取当前页面的完整 URL
let currentURL = window.location.href;
console.log(`Current URL: ${currentURL}`);

// 导航到新的页面
window.location.assign('https://www.example.com');

window.location 对象的这些属性和方法允许你在 JavaScript 中与浏览器的地址栏进行交互,以及实现页面的导航和重定向。请注意,在某些情况下,直接修改 window.location 的属性可能导致页面的刷新或重定向。




转载请注明出处:http://www.pingtaimeng.com/article/detail/3566/JavaScript