javascript:window下的history对象

最新推荐文章于 2024-12-21 09:00:00 发布

原创最新推荐文章于 2024-12-21 09:00:00 发布 · 996 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #history #历史

JAVAScript对象专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了JavaScript中的history对象，包括其属性和方法。如length属性可获取历史记录条数，back()、forward()及go(n)方法则分别用于浏览器历史记录的后退、前进和指定位置跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

history对象

history对象包含用户（在浏览器中）访问的URL。可以通过window.history访问。
1.history属性
length：返回浏览器中历史列表中的URL的数量。
2.history方法
（1）back()方法：加载history列表中的前一个URL.
（2）forward()：加载history列表中的后一个URL.
（3）go(n):加载history列表中的某个具体页面。n>0向后跳转，n<0向前跳转。go(1)==forward(),go(-1)==back().

以下是实例,historya.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>history对象</title>
	</head>
	<body>
		<a href="javascript:location.href='historyb.html'">查看history实例</a>
	</body>
</html>

以下是实例,history.html<!DOCTYPE html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>history对象</title>
		<script type="text/javascript">
			for(var Property in window.history)
			window.document.write(Property+":"+window.history[Property]+"<br>");
		</script>
	</head>
	<body>
		<a href="navigator.html">navigator</a>
		<input type="button" value="后退" onclick="javascript:window.history.back();">
		<input type="button" value="前进" onclick="javascript:window.history.forward();">
		
	</body>
</html>