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>