JavaScript Location 是 window 对象的属性,可获取、设置和操作当前文档的 URL,包括 href、协议、主机名、路径和片段标识符。它允许开发者控制和导航文档的网址,并访问 URL 的各个部分。

什么是 JavaScript Location?
JavaScript Location 是 window 对象的一个属性,它提供了当前文档的 URL 以及与之关联的信息。它允许你获取、设置和操作当前文档的地址。
具体功能
Location 对象提供了以下功能:
- href:获取或设置当前文档的完整 URL。
- protocol:获取 URL 的协议(例如 "http://" 或 "https://")。
- host:获取主机名和端口号(例如 "www.example.com:80")。
- hostname:获取主机名(例如 "www.example.com")。
- port:获取端口号(例如 "80")。
- pathname:获取文档路径(例如 "/index.html")。
- search:获取查询字符串(例如 "?q=javascript")。
- hash:获取片段标识符(例如 "#section-1")。
- reload():重新加载当前文档。
- replace():用新 URL 替换当前 URL,不会在历史记录中创建新的条目。
- assign():类似于 replace(),但会将新 URL 添加到历史记录中。
代码示例
NetShopForge是一款强劲的B2C的网上购物软件,利用她我们能建立起强劲的、自由的、安全的购物平台。 维博软件以有这样的软件无比自豪,系统基于ASP.NET 2.0及SqlServer开发,充分享受新技术带来的乐趣。 软件综合了卖家,买家,程序员,设计者的头脑风暴,目的就是用户能建立风格不同的电子商务系统,使它显得更加与众不同。 如果您寻求一款能按您的思想随意发挥的网上购物软件,那么Net
以下代码示例演示了如何使用 Location 对象:
console.log(`完整 URL:${location.href}`);
console.log(`协议:${location.protocol}`);
console.log(`主机名和端口号:${location.host}`);
console.log(`主机名:${location.hostname}`);
console.log(`端口号:${location.port}`);
console.log(`文档路径:${location.pathname}`);
console.log(`查询字符串:${location.search}`);
console.log(`片段标识符:${location.hash}`);用途
Location 对象在 web 开发中非常有用,它可以用于以下目的:
- 获取当前文档的 URL。
- 导航到新 URL。
- 更改当前文档的 URL。
- 访问 URL 的各个部分(协议、主机名、路径等)。









