极客笔记JS 返回上一页
在网页开发中，经常会遇到需要返回上一页的情况，这在用户体验中是非常重要的一环。在HTML中，我们可以使用JavaScript来实现返回上一页的功能。本文将详细介绍如何使用JS代码来实现返回上一页的功能。
window.history.back()
在JavaScript中，我们可以使用window.history.back()方法来实现返回上一页的功能。这个方法会让浏览器返回到用户上一次访问的页面。例如，当用户点击一个返回按钮时，可以通过调用window.history.back()方法来返回上一页。
function goBack() {
window.history.back();
}
在上面的代码中，我们定义了一个名为goBack的函数，当用户调用这个函数时，会执行window.history.back()方法来返回上一页。接下来，我们可以在页面中添加一个返回按钮，并且给这个按钮绑定goBack函数。
<button onclick="goBack()">返回上一页</button>
当用户点击这个按钮时，页面会自动返回到上一页。这是一个非常简单且常用的方法来实现返回上一页的功能。
window.location.href
除了使用window.history.back()方法外，我们还可以使用window.location.href来实现返回上一页的功能。这个方法会让浏览器跳转到指定的URL，我们可以将上一页的URL作为参数传递给window.location.href来实现返回上一页的效果。
function goBack() {
window.location.href = document.referrer;
}
在上面的代码中，我们定义了一个名为goBack的函数，当用户调用这个函数时，会将document.referrer的值赋给window.location.href，从而实现返回上一页的效果。
<button onclick="goBack()">返回上一页</button>
在这个示例中，我们同样可以在页面中添加一个返回按钮，并且绑定goBack函数，当用户点击这个按钮时，页面会返回到上一页的URL。
总结
在本文中，我们详细介绍了如何使用JavaScript来实现返回上一页的功能。通过使用window.history.back()方法和window.location.href，我们可以轻松实现让用户返回到上一页的操作。在网页开发中，良好的用户体验是非常重要的，返回上一页功能的实现也是其中的一部分。