History对象

最新推荐文章于 2023-02-09 17:44:15 发布

star walkin

最新推荐文章于 2023-02-09 17:44:15 发布

阅读量499

点赞数

文章标签： java

本文链接：https://blog.csdn.net/qq_44336097/article/details/109828765

版权

5. History: 历史记录对象
	1. 创建（获取）：
		1. window.history
		2. history
	2. 方法：
		* back(): 加载history列表中的前一个 URL。
		* forward(): 加载history列表中的下一个 URL。
		* go(): 加载history列表中的某个具体页面。
	3. 属性：
		* length： 返回当前窗口历史列表中的 URL 数量。

<!--History对象-->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>History对象</title>
</head>
<body>

<input type="button" id="btn" name="获取历史记录个数">
<a href="09_History.html">09页面</a>
<input type="button" id="forward" name="前进">

<script type="text/javascript">
	// 1.获取按钮
	var	btn = document.getElementById("btn");
	// 2.绑定单机事件
	btn.onclick = function(){
		// 3.获取当前窗口历史记录个数
		var length = history.length;
		alert(length);
	}

	// 1.获取按钮
	var	btn = document.getElementById("forward");
	// 2.绑定单机事件
	forward.onclick = function(){
		// 3.前进
		history.forward();
	}	


</script>
</body>
</html>

star walkin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
History对象

5. History: 历史记录对象 1. 创建（获取）： 1. window.history 2. history 2. 方法： * back(): 加载history列表中的前一个 URL。 * forward(): 加载history列表中的下一个 URL。 * go(): 加载history列表中的某个具体页面。 3. 属性： * length：返回当前窗口历史列表中的 URL 数量。<!DOCTYPE html
复制链接

扫一扫

History对象

“相关推荐”对你有帮助么？