11 BOM location

08 BOM location

在 JavaScript 中，location 对象是 window 对象的一个属性，它表示当前页面的 URL 地址，并提供了一系列方法来获取和设置 URL 的各个部分，以及实现页面的跳转等功能。
以下是 location 对象的一些常用属性和方法：

属性

• href：完整的 URL 地址。
• protocol：URL 的协议，例如 http: 或 https:。
• hostname：主机名（域名）。
• port：端口号，如果没有指定端口，则返回空字符串。
• pathname：URL 的路径部分。
• search：查询字符串部分，以 ? 开头。
• hash：锚点部分，以 # 开头。

方法

• assign(url)：加载新的文档，等同于 location = url。
• reload()：重新加载当前文档。可以传入一个参数 forceGet，如果为 true，则总是从服务器重新加载，而不是从缓存中加载。
• replace(url)：加载新的文档，并替换当前文档在会话历史中的位置，这意味着用户不能使用浏览器的后退按钮回到这个被替换的页面。
• toString()：返回 location 对象的 href 属性的值，即完整的 URL 地址。

示例

// 获取当前页面的完整URL
console.log(window.location.href);
// 获取当前页面的协议
console.log(window.location.protocol);
// 获取当前页面的域名
console.log(window.location.hostname);
// 获取当前页面的路径
console.log(window.location.pathname);
// 获取当前页面的查询字符串
console.log(window.location.search);
// 获取当前页面的锚点
console.log(window.location.hash);
// 跳转到新的页面
window.location.href = 'https://www.example.com';
// 重新加载当前页面
window.location.reload();
// 替换当前页面
window.location.replace('https://www.example.com/new-page');


//http://127.0.0.1:8848/JsWorkPlace/theme/javascript/js2.html?a=1&b=2#12321
//http:
//127.0.0.1
///JsWorkPlace/theme/javascript/js2.html
//?a=1&b=2
//#12321

location 对象在 Web 开发中非常有用，可以用于实现页面跳转、获取页面信息等功能。