javascript浏览器对象之history对象

最新推荐文章于 2025-06-22 03:17:35 发布

原创最新推荐文章于 2025-06-22 03:17:35 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

35 篇文章

订阅专栏

本文介绍如何利用JavaScript中的history对象实现浏览器历史记录的管理，包括返回上一页、前进到下一页等操作。通过简单的示例代码展示了如何使用history.back()、history.forward()及history.go()方法。

history对象：window.history对象包含浏览器的历史（URL）的集合

history方法：history.back()表示与浏览器点击后退按钮相同；history.forward()与在浏览器中点击按钮向前相同；history.go()表示进入历史中的某个页面

demo代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button>按钮1</button>
	<button>按钮2</button>
	<p></p>
	<script type="text/javascript">
		var btn1 = document.getElementsByTagName("button")[0];
		var btn2 = document.getElementsByTagName("button")[1];
		btn1.onclick = function(){
			window.history.back();
		}
		btn2.onclick = function(){
			window.history.go(-1);
		}
	</script>
</body>
</html>