理解和使用location.href
在 HTML 服务端编写的网页中，有一个非常重要的对象叫做 location，它提供了一些方法和属性，用于操作和获取当前文档的 URL，它的一些方法之一是 location.href，本文将详细介绍这个属性的相关知识和使用方法。
什么是location.href？
在 JavaScript 中，location 是一个内置对象 (对象就是一组数据和方法的集合)，是用来获取和操作当前文档的 URL 的，比如，可以使用 location.href 来获取当前文档的 URL (Uniform Resource Locator，统一资源定位符) 值。在浏览器中，使用 location.href 还可以用于控制浏览器中打开的页面的跳转行为。
常用的location.href的用法
接下来，我们将介绍几个常见的使用方法。首先，我们可以使用 location.href 获取当前页面的 URL，代码如下：
console.log(location.href);如果你在浏览器控制台的 console 执行了上面这行代码，就能够看到当前页面的 URL 信息。
接下来，我们可以使用 location.href 来实现页面的跳转，这是 location.href 最常见的用法了。如果要跳转至另一个网页，只需要通过赋值的方式让 location.href 的值指向该网页的 URL 即可完成跳转。比如，下面这一行代码可以在当前窗口中加载百度首页：
location.href = 'https://www.baidu.com';在这里，我们将 location.href 的值指向了 'https://www.baidu.com'，这就相当于在浏览器输入该 URL，然后让浏览器加载该网页并将其展示在当前窗口中。同时，由于重新加载了一个新页面，所以原来处于当前窗口中的页面将会被替换掉。
通过location.href来掌控页面的跳转行为
通过 location.href 不仅可以跳转到其他页面，还能够掌控跳转、刷新、后退等页面的行为。例如，我们可以通过 location.href.reload() 方法来刷新当前页面：
location.href.reload();在这里，我们通过 location.href.reload() 调用了重新加载函数，浏览器会重新请求 URL 并重新加载当前页面。
此外，还可以使用 location.href.back() 和 location.href.forward() 来控制页面的前进和后退，代码如下：
location.href.back(); // 返回上一页location.href.forward(); // 跳转到下一页这里的 location.href.back() 和 location.href.forward() 方法是属于带有历史记录的浏览器窗口的跳转函数，可以将页面跳转到浏览器的前一个或后一个历史记录，实现页面的前进和后退。
总结
通过本文的介绍，我们对 location.href 属性及其使用方法有了更为深入的了解，可以使用 location.href 来获取和控制文档的 URL，实现页面的跳转、刷新、前进和后退等行为。注意，在使用 location.href 时，需要保证赋值的 URL 格式正确，否则将会跳转失败。
