推荐答案
// www.javascriptcn.com code example
// 获取当前页面的完整 URL
const fullUrl = location.href;
// 获取当前页面的主机名和端口
const host = location.host;
// 获取当前页面的主机名
const hostname = location.hostname;
// 获取当前页面的路径部分
const pathname = location.pathname;
// 获取当前页面的协议（如 http: 或 https:）
const protocol = location.protocol;
// 获取当前页面的查询字符串部分
const search = location.search;
// 获取当前页面的哈希部分
const hash = location.hash;
// 重定向到新的 URL
location.href = 'https://www.example.com';
// 重新加载当前页面
location.reload();
// 替换当前页面，不会在历史记录中留下记录
location.replace('https://www.example.com');本题详细解读
location 对象概述
location 对象是 JavaScript 中用于表示当前文档的 URL 的对象。它是 window 对象的一个属性，因此可以通过 window.location 或直接使用 location 来访问。
location 对象的常用属性
- href: 返回当前页面的完整 URL。
- host: 返回当前页面的主机名和端口号。
- hostname: 返回当前页面的主机名。
- pathname: 返回当前页面的路径部分。
- protocol: 返回当前页面的协议（如
http:或https:）。 - search: 返回当前页面的查询字符串部分（即
?后面的部分）。 - hash: 返回当前页面的哈希部分（即
#后面的部分）。
location 对象的常用方法
- assign(url): 加载一个新的文档，并在历史记录中留下记录。
- reload(): 重新加载当前页面。
- replace(url): 用新的 URL 替换当前页面，不会在历史记录中留下记录。
示例代码解析
- 获取当前页面的完整 URL:
location.href返回当前页面的完整 URL。 - 获取当前页面的主机名和端口:
location.host返回当前页面的主机名和端口号。 - 获取当前页面的主机名:
location.hostname返回当前页面的主机名。 - 获取当前页面的路径部分:
location.pathname返回当前页面的路径部分。 - 获取当前页面的协议:
location.protocol返回当前页面的协议。 - 获取当前页面的查询字符串部分:
location.search返回当前页面的查询字符串部分。 - 获取当前页面的哈希部分:
location.hash返回当前页面的哈希部分。 - 重定向到新的 URL: 通过设置
location.href可以重定向到新的 URL。 - 重新加载当前页面:
location.reload()可以重新加载当前页面。 - 替换当前页面:
location.replace('https://www.example.com')可以替换当前页面，且不会在历史记录中留下记录。
通过这些属性和方法，开发者可以方便地操作和控制页面的 URL 和导航行为。