总结九月二十六

最新推荐文章于 2024-08-16 23:08:28 发布

qq_67507026

最新推荐文章于 2024-08-16 23:08:28 发布

阅读量64

点赞数

文章标签： java 服务器 javascript

本文链接：https://blog.csdn.net/qq_67507026/article/details/127058088

版权

History对象

作用：back()返回下一个页面

froward()进入下一个页面

go(1)请进一个页面

go(-1)返回上一个页面

使用方法演示：

第一个页面中写跳转到第二个就是href

<input type="button" name="" id="btn" value="打开02.html" />
		<script type="text/javascript">
			btn.onclick=function(){
				location.href="02.html"
			}
		</script>

第二个页面写返回，跳转，上一个页面，go：back、href、forward、go

<body>
		
		<input type="button" name="" id="btn1" value="back" />
		<input type="button" name="" id="btn2" value="打开03.html" />
		<input type="button" name="" id="btn3" value="forward" />
		<input type="button" name="" id="btn4" value="go" />
		
		<script type="text/javascript">
			btn1.onclick=function(){
				history.back()
			}
			btn2.onclick=function(){
				location.href="03.html"
			}
			btn3.onclick=function(){
				history.forward()
			}
			btn4.onclick=function(){
				history.go(-1)
			}
		</script>
		
	</body>

第三个页面写跳转上一个

<body>
		
		<input type="button" name="" id="btn5" value="返回02.html" />
		<input type="button" name="" id="btn6" value="go" />
		
		<script type="text/javascript">
			btn5.onclick=function(){
				history.back()
			}
			btn6.onclick=function(){
				history.go(-1)
			}
		</script>
		
	</body>