极客笔记HTML 使用onclick javascript使浏览器返回上一页
在本文中，我们将介绍如何使用HTML和JavaScript编写代码，使浏览器能够通过点击按钮返回到上一页的功能。
阅读更多：HTML 教程
什么是onclick事件
在HTML中，onclick是一种事件属性，它可以将JavaScript代码与元素的鼠标点击事件关联起来。当用户点击指定元素时，与该元素关联的JavaScript代码将被执行。
如何使用onclick事件实现浏览器返回上一页
要实现浏览器返回上一页的功能，我们可以使用JavaScript中的history对象的back()方法。该方法可以使浏览器返回到上一页的内容。
为了将这个功能与一个按钮相关联，我们需要在HTML文件中添加一个按钮元素，并使用onclick属性将其与JavaScript中的函数关联起来。
下面是一个简单的示例代码，用于演示如何使用HTML和JavaScript实现浏览器返回上一页的功能：
<!DOCTYPE html>
<html>
<head>
<title>返回上一页</title>
</head>
<body>
<button onclick="goBack()">返回上一页</button>
<script>
function goBack() {
window.history.back();
}
</script>
</body>
</html>
在上面的代码中，我们首先创建了一个按钮元素，并将其显示为”返回上一页”。然后，在<script>标签中，我们定义了一个名为goBack()的函数，该函数调用了history.back()方法来实现浏览器返回上一页的功能。
补充说明
除了使用JavaScript的history.back()方法来实现浏览器返回上一页的功能外，还可以使用其他方法，比如使用window.location.href来改变当前页面的URL地址来实现。
例如，下面的代码演示了如何使用window.location.href来实现浏览器返回上一页的功能：
<!DOCTYPE html>
<html>
<head>
<title>返回上一页</title>
</head>
<body>
<button onclick="goBack()">返回上一页</button>
<script>
function goBack() {
window.location.href = document.referrer;
}
</script>
</body>
</html>
在这个例子中，我们使用document.referrer来获取上一页的URL地址，并将其赋值给window.location.href，从而实现浏览器返回上一页的功能。
不论是使用history对象的back()方法还是改变window.location.href，都可以实现浏览器返回上一页的功能，只是实现的方式稍有不同。
总结
在本文中，我们介绍了如何使用HTML和JavaScript编写代码，使浏览器能够通过点击按钮返回到上一页的功能。我们学习了两种常见的实现方式，分别是使用history对象的back()方法和改变window.location.href来实现。无论选择哪种方式，都可以实现浏览器返回上一页的功能。希望本文对你有所帮助！