JavaScript history对象（back()、forward()、go()）

最新推荐文章于 2024-09-24 08:45:00 发布

Program Debug

最新推荐文章于 2024-09-24 08:45:00 发布

阅读量5.1k

点赞数 3

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_46990454/article/details/111224510

版权

JavaScript 专栏收录该内容

28 篇文章 3 订阅

订阅专栏

history对象保存了当前浏览器窗口中打开页面的一个历史记录列表，使用history对象可以将当前浏览器页面跳转到某个曾经打开过的页面。
1.back()方法
后退一个页面，相当于浏览器的后退按钮。

//语法：
//history.back();
<body>
	<input id="back" type="button" value="后退"/>
	<script type="text/javascript">
		document.getElementById("back").onclick = his;
		function his(){
			history.back();
		}
	</script>
</body>

2.forward()方法
前进一个页面，相当于浏览器前进按钮。

//语法：
//history.forward();
<body>
	<input type="forward" type="button" value="前进"/>
	<script type="text/javascript">
		document.getElementById("forward").onclick = his;
		function his(){
			history.forward();
		}
	</script>
</body>

3.go()方法
打开一个指定位置的页面。

//语法：
//history.go(number);
//number 可为任意整数。当number>0时，打开历史记录表中位于当前页面之前的第number个页面；反之，当number<0时，打开历史记录表中位于当前页面之后的第number个页面。
<body>
	<input id="goBack" type="button" value="前进"/>
	<input id="goForward" type="button" value="后退"/>
	<script type="text/javascript">
		document.getElementById("goBack").onclick = hisBack;
		document.getElementById("goForward").onclick = hisForward;
		function hisBack(){
			history.go(-1);
		}
		function hisForward(){
			history.go(1);
		}
	</script>
</body>