在 Web 开发过程中，获取当前页面的 URL 是一个非常基础但又常用的操作。JavaScript 提供了多种方式来获取页面 URL，其中 window.location.href 是最常用的一种方法。以下，我们将深入探讨如何使用这种方法，以及它在不同浏览器中的表现。
使用 window.location.href
window.location.href 是一个内置的 JavaScript 属性，它代表了当前浏览器窗口中加载的文档的完整 URL。这个属性可以读取，也可以被修改。
示例代码
以下是一个简单的示例，演示了如何使用 window.location.href 来获取当前页面的 URL 并在控制台中打印出来：
var currentPageUrl = window.location.href;
console.log(currentPageUrl);
运行上述代码后，你将在控制台看到当前页面的完整 URL。
跨浏览器兼容性
值得庆幸的是，window.location.href 在所有现代浏览器中都能正常工作，包括 Chrome、Firefox、Safari、Edge 等。这意味着你不需要为不同的浏览器编写不同的代码，这在多平台开发中是非常有利的。
修改 URL
除了读取当前页面的 URL 之外，你还可以使用 window.location.href 来修改当前页面的 URL。这可以用来实现页面跳转，如下所示：
window.location.href = "https://www.example.com";
执行上述代码后，浏览器会自动跳转到指定的 URL。
总结
window.location.href 是一个强大而简单的 JavaScript 方法，用于获取和修改当前页面的 URL。它的跨浏览器兼容性使其成为 Web 开发中一个不可或缺的工具。无论你是需要显示当前页面的 URL，还是需要根据用户操作动态地跳转到其他页面，window.location.href 都能为你提供所需的解决方案。