推荐答案
-- -------------------- ---- ------- -- --------- --- ----- ------- - -------------- -- ------------- ----- ---- - -------------- -- ---------- ----- -------- - ------------------ -- ----------- ----- -------- - ------------------ -- ----------- ----- - ------- ----- -------- - ------------------ -- -------------- ----- ------ - ---------------- -- ----------- ----- ---- - -------------- -- ------ --- ------------- - -------------------------- -- -------- ------------------ -- ------------------- --------------------------------------------
本题详细解读
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 和导航行为。