JS课后练习

最新推荐文章于 2024-07-22 08:55:10 发布

阿乐681

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量57

点赞数

文章标签： javascript servlet 前端

本文链接：https://blog.csdn.net/weixin_65348018/article/details/127081968

版权

1.History的一些简单使用

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<input type="button" value="打开2.html" id="bt1" >
		<script type="text/javascript">
			document.getElementById("bt1").onclick=function(){
				location.href="2.html"
				
			}
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="button" value="back" id="bt1">
		<input type="button" value="打开3.html" id="bt2">
		<input type="button" value="forward()" id="bt3">
		<input type="button" value="go" id="bt4">
		<script type="text/javascript">
			document.getElementById("bt1").onclick=function(){
				history.back();
			}
			document.getElementById("bt2").onclick=function(){
				location.href="3.html"
			}
			document.getElementById("bt3").onclick=function(){
				history.forward()
			}
			document.getElementById("bt4").onclick=function(){
				history.go(-1)
			}
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="button" value="返回2.html" id="bt1">
		<input type="button" value="go" id="bt2">
		<script type="text/javascript">
			document.getElementById("bt1").onclick=function(){
				location.href="2.html"
			}
			document.getElementById("bt2").onclick=function(){
				history.go(-1)
			}
		</script>
	</body>
</html>