首页 > 代码库 > JavaScript特效之前进，后退（返回上一级）
JavaScript特效之前进，后退（返回上一级）
在页面上增加前进,后退（返回上一级）功能：
方式一：使用函数
<script>
function goback(){
history.go(-1);//返回或者history.back();
}
function go(){
history.go(1);//前进或者history.forward();
}
</script>
方式二：
<a href="javascript:history.go(1)">前进</a>
<a href="javascript:history.go(-1)">后退</a>
easy疑惑的地方：
每一个页面都能够设置后退前进button，仅仅有本页面跳到其它页面后。本页面的前进button才有效（有了前进的方向），
仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回)。
（由于前进后退要有目标方向）
<html>
<head><title>前进,后退</title>
<script>
function goback(){
history.go(-1);//返回或者history.back();
}
function go(){
history.go(1);//前进或者history.forward();
}
</script>
</head>
<body>
<a href="http://www.mamicode.com/damel8.html">go to damel8.html</a>
<br/>
<!-- 假设本页面（记为B页面）由其它页面（记为A页面）通过<a href=""> </a> 等方式跳转过来 点击后退button会返回到原来的A页面；跳回A页面后。假设点击A页面的前进button（javascript:history.go(1)）会跳到B页面。
通俗讲：
A页面 通过<a href=""> </a> 等方式 跳到 B页面
点击B页面的后退button 跳回A页面
此时点击A页面的前进button又能够跳回B页面
easy疑惑的地方：
每一个页面都能够设置后退前进button，仅仅有本页面跳到其它页面后，本页面的前进button才有效（有了前进的方向），
仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回)，
（由于前进后退要有目标方向。。
。。知道来得路才干按原路返回，）
-->
方式一：使用href
<br/>
<a href="javascript:history.go(1)">前进</a>
方式二：使用函数调用
<br/>
<input type="button" onClick="goback()" value="http://www.mamicode.com/后退"/><br/>
</body>
</html>
JavaScript特效之前进，后退（返回上一级）