Location.back

Location.back 方法是 JavaScript 中 Location 对象的一个方法，用于返回历史记录中的前一个页面。当调用 Location.back 方法时，会使浏览器返回到上一个页面，等价于用户点击浏览器的返回按钮。

例如，可以在页面中添加一个按钮，点击该按钮时返回上一个页面：

<button onclick="goBack()">返回</button>

<script>
function goBack() {
  window.history.back();
}
</script>

在上面的代码中，当用户点击按钮时，会调用 goBack 函数，该函数中使用 window.history.back() 方法将浏览器返回到上一个页面。

需要注意的是，如果当前页面是历史记录中的第一个页面，调用 Location.back 方法不会有任何效果。另外，如果浏览器禁用了历史记录或者历史记录中只有一个页面，也会导致 Location.back 方法无效。

相关问题

location.replace

Location.replace() is a JavaScript method that replaces the current document with a new one by navigating to a new URL. It is similar to the location.href method but with one key difference - it does not create a new entry in the browser's history, which means that the user cannot use the back button to return to the previous page. Instead, it replaces the current entry in the history with the new URL.

The syntax for using this method is as follows:

location.replace(newUrl);

where `newUrl` is the URL of the new page you want to replace the current page with.

Here's an example of how to use the Location.replace() method:

function redirectToNewPage() {
  location.replace("https://www.example.com/newpage.html");
}

When this function is called, it will replace the current page with the new page specified in the URL.

document.location.href如何清除

`document.location.href`属性用于获取或设置用户当前所在页面的URL。如果你想清除或者更改这个URL，你可以通过直接修改它的值来进行操作。

以下是清除URL的一种方式：

document.location.href = '';

当你将 `document.location.href` 设置为空字符串的时候，浏览器会尝试将用户的浏览历史的上一步作为新的起始点，因此用户可能会回到他们之前访问过的一个页面。

但是这种方法并不能完全"清空"地址栏，因为地址栏显示的是实际加载过的url，并不会自动跳转到历史记录的前一个页面。

如果你想让用户完全从当前页面跳转并返回浏览器的历史记录列表，你应该使用`history.back()`、`history.forward()` 或者 `history.go(n)` 函数来导航历史记录：

// 跳转到上一页
history.back();

// 跳转到下一页
history.forward();

// 跳转n页（正数表示前进，负数表示后退）
history.go(5); // 跳转五页之后的页面

对于开发者来说，使用以上函数可以提供给用户更自然的导航体验，避免了直接改变URL所带来的可能的混乱。

---