JavaScript 返回上一个页面|极客笔记

JavaScript 返回上一个页面

在网页开发中，经常会遇到需要让用户回到上一个页面的需求。这种需求通常通过JavaScript来实现，本文将详细介绍如何使用JavaScript代码实现返回上一个页面的功能。

window.history对象

在JavaScript中，我们可以使用window.history对象来访问浏览器的历史记录。history对象有很多属性和方法，其中最常用的就是back()方法，它可以模拟用户点击浏览器的后退按钮。

function goBack() {
    window.history.back();
}

上面这段代码定义了一个goBack函数，当调用这个函数时，页面将返回到上一个页面。

在HTML页面中调用

要在HTML页面中调用返回上一个页面的功能，我们可以将上面定义的函数放在一个按钮的点击事件中。

<!DOCTYPE html>
<html>
<head>
    <title>返回上一个页面</title>
</head>
<body>
    <button onclick="goBack()">返回上一个页面</button>

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

在这个示例中，当用户点击按钮时，就会调用goBack函数，页面将返回到上一个页面。