js 编辑浏览器返回位置 - Javascript (1)

📌 相关文章

📜 js 编辑浏览器返回位置 - Javascript (1)

📅 最后修改于: 2023-12-03 15:17:03.346000 🧑 作者: Mango

JS 编辑浏览器返回位置 - Javascript

在前端页面开发中，我们常常需要控制页面返回，返回到上一个页面或者指定的页面位置。在JavaScript中，我们可以使用window.history对象里的方法来控制浏览器的返回位置。

返回上一个页面

我们可以使用window.history.back()方法来实现返回上一个页面的功能，如下所示：

window.history.back();

返回指定页面

如果我们想要返回到指定页面，可以使用window.history.go(-n)方法，其中n表示要返回的页面数。如果要返回到前一个页面，n的值应该为-1，如果要返回到当前页面，n的值应该为0，其他情况以此类推。

// 返回前一个页面
window.history.go(-1);

// 返回当前页面
window.history.go(0);

// 返回前两个页面
window.history.go(-2);

示例

下面是一个简单的示例，演示如何通过点击按钮来返回上一个页面：

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

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

参考资料

MDN - window.history