在Web开发中，了解如何获取页面地址（URL）是非常重要的。这可以帮助你进行页面跳转、获取查询参数、构建链接等操作。下面，我将详细介绍几种JavaScript中获取页面地址的方法。
1. 获取完整的URL
要获取当前页面的完整URL，可以使用window.location.href属性。这个属性包含了当前页面的完整路径，包括协议、域名、端口、路径、查询字符串等。
// 获取当前页面的完整URL
console.log(window.location.href);
2. 获取URL的协议
要获取当前页面的协议（如http或https），可以使用window.location.protocol属性。
// 获取当前页面的协议
console.log(window.location.protocol);
3. 获取URL的主机名
要获取当前页面的主机名（域名），可以使用window.location.hostname属性。
// 获取当前页面的主机名
console.log(window.location.hostname);
4. 获取URL的端口
要获取当前页面的端口，可以使用window.location.port属性。
// 获取当前页面的端口
console.log(window.location.port);
5. 获取URL的路径
要获取当前页面的路径（从域名后的第一个/开始），可以使用window.location.pathname属性。
// 获取当前页面的路径
console.log(window.location.pathname);
6. 获取URL的查询字符串
要获取当前页面的查询字符串（问号后的部分），可以使用window.location.search属性。
// 获取当前页面的查询字符串
console.log(window.location.search);
7. 获取URL的哈希值
要获取当前页面的哈希值（即URL中的#后面的部分），可以使用window.location.hash属性。
// 获取当前页面的哈希值
console.log(window.location.hash);
8. 修改URL
除了获取URL信息外，你还可以使用window.location对象来修改URL。例如，以下代码将页面重定向到另一个URL：
// 重定向到另一个URL
window.location.href = "https://www.example.com";
总结
通过以上方法，你可以轻松地在JavaScript中获取和修改页面地址。这将为你的Web开发带来极大的便利。希望这篇文章能帮助你更好地掌握JavaScript获取页面地址的方法。